Achurados

Sumérgete en el fascinante mundo de los achurados que Quickly tiene disponible. Desde líneas diagonales hasta patrones complejos, los achurados añaden profundidad y textura a tus diseños web. Explora una amplia gama de estilos y efectos para dar vida a tus proyectos. Con las opciones de achurado adecuadas, puedes transformar tus interfaces en experiencias visuales cautivadoras y únicas. ¡Descubre cómo utilizar los achurados para elevar el aspecto de tus sitios web y cautivar a tus usuarios desde el primer vistazo

.hatched-n°

Clase	Descripción
.hatched-1	Este achurado consiste en líneas diagonales que van de izquierda a derecha con un color semi-transparente, creando un patrón de sombreado sutil.
.hatched-2	Similar al primero, pero con las líneas diagonales en sentido contrario, de derecha a izquierda.
.hatched-3	Este estilo de achurado presenta líneas horizontales con un color semi-transparente, agregando textura y profundidad a los elementos.
.hatched-4	Se aplican líneas verticales con un color semi-transparente, ofreciendo un efecto de achurado vertical.
.hatched-5	Combina líneas horizontales y verticales con un color semi-transparente, creando un patrón de cuadrícula sutil.
.hatched-6	Este achurado presenta líneas diagonales con un mayor espaciado entre ellas, lo que produce un efecto de sombreado más marcado.
.hatched-7	Similar al anterior, pero con líneas diagonales más gruesas y espaciadas.
.hatched-8	Combinación de achurado diagonal y achurado inverso, creando un patrón entrecruzado interesante.
.hatched-9	Este estilo combina achurado vertical y horizontal para crear un patrón de cuadrícula con sombreado semi-transparente.
.hatched-10	Estilo persiana semi-transparentes para crear un efecto de achurado delicado.
.hatched-11	Este achurado consiste en líneas diagonales que van de izquierda a derecha con un color semi-transparente, creando un patrón de sombreado sutil.
.hatched-12	Achurado diagonal inverso con líneas más gruesas y espaciado ampliado para un efecto de sombreado más intenso.
.hatched-13	Una combinación de achurado diagonal y diagonal inverso con líneas más gruesas y espaciado ampliado.
.hatched-14	Achurado diagonal inverso con líneas más delgadas y espaciado reducido, creando un patrón sutil.
.hatched-15	Achurado vertical con líneas más delgadas y espaciado reducido para un efecto de sombreado sutil.
.hatched-16	Achurado con pequeños puntos semi-transparentes, creando un patrón delicado y uniforme.
.hatched-17	Líneas diagonales gruesas con un espaciado reducido, proporcionando un achurado más denso.
.hatched-18	Una combinación de achurado vertical y horizontal con líneas más gruesas y espaciado ampliado para un patrón de achurado más destacado.
.hatched-19	Achurado diagonal e inverso con líneas más delgadas y espaciado reducido, creando un patrón sutil y equilibrado.
.hatched-20	Una combinación de achurado diagonal, diagonal inverso, vertical y horizontal para un patrón de achurado complejo y detallado.
.hatched-21	Este achurado presenta líneas horizontales con sombreado gradual, creando un efecto de sombreado descendente que añade profundidad a los elementos.
.hatched-22	En este estilo, se aplican líneas verticales con sombreado gradual, generando un efecto de sombreado ascendente que agrega textura a los elementos.
.hatched-23	Achurado diagonal con sombreado gradual en ambas direcciones, creando un efecto de sombreado diagonal que proporciona una apariencia dinámica a los elementos.
.hatched-24	Combinación de achurado diagonal, diagonal inverso, vertical y horizontal, con sombreado gradual en cada dirección, generando un patrón de achurado complejo y texturizado.
.hatched-25	Similar al anterior, pero con líneas más gruesas y mayor espaciado, creando un patrón de achurado más marcado y prominente.

Achurados

Hatched-1

Hatched-2

Hatched-3

Hatched-4

Hatched-5

Hatched-6

Hatched-7

Hatched-8

Hatched-9

Hatched-10

Hatched-11

Hatched-12

Hatched-13

Hatched-14

Hatched-15

Hatched-16

Hatched-17

Hatched-18

Hatched-19

Hatched-20

Hatched-21

Hatched-22

Hatched-23

Hatched-24

Hatched-25

HTML

                                    
    <div class="hatched-1">Hatched-1</div>    
    <div class="hatched-2">Hatched-2</div>   
    <div class="hatched-3">Hatched-3</div>  
    <div class="hatched-4">Hatched-4</div> 
    <div class="hatched-5">Hatched-5</div> 
    <div class="hatched-6">Hatched-6</div> 
    <div class="hatched-7">Hatched-7</div> 
    <div class="hatched-8">Hatched-8</div> 
    <div class="hatched-9">Hatched-9</div> 
    <div class="hatched-10">Hatched-10</div> 
    <div class="hatched-11">Hatched-11</div>    
    <div class="hatched-12">Hatched-12</div>   
    <div class="hatched-13">Hatched-13</div>  
    <div class="hatched-14">Hatched-14</div> 
    <div class="hatched-15">Hatched-15</div> 
    <div class="hatched-16">Hatched-16</div> 
    <div class="hatched-17">Hatched-17</div> 
    <div class="hatched-18">Hatched-18</div> 
    <div class="hatched-19">Hatched-19</div> 
    <div class="hatched-20">Hatched-20</div> 
    <div class="hatched-21">Hatched-21</div> 
    <div class="hatched-22">Hatched-22</div> 
    <div class="hatched-23">Hatched-23</div> 
    <div class="hatched-24">Hatched-24</div> 
    <div class="hatched-25">Hatched-25</div>