01 · Puntos
← Nahum Vault · Piezas
GRATIS · SVG + CSS
24 patrones que toman tu color.
Puntos, cuadrícula, diagonales, ondas, escamas, hexágonos, damero, destellos, ladrillos, burbujas, confeti, Memphis y más. Agrega una clase a cualquier sección y elige color, intensidad y tamaño con variables CSS. También vienen en SVG.
- patrones
- 24
- variables: color, intensidad, escala
- 3
- dependencias
- 0
Patrones SVG
Pruébalo aquí.
Todo lo que ves está en la descarga.
02 · Puntos alternos
03 · Cuadrícula
04 · Papel milimetrado
05 · Diagonales
06 · Rayas
07 · Cruces
08 · Zigzag
09 · Ondas
10 · Escamas
11 · Hexágonos
12 · Triángulos
13 · Rombos
14 · Damero
15 · Anillos
16 · Dianas
17 · Destellos
18 · Equis
19 · Ladrillos
20 · Tejido
21 · Burbujas
22 · Confeti
23 · Memphis
24 · Abanicos
Cómo usarlo
En tres pasos.
Uso personal y comercial permitido. Lo único que no se permite es revender o redistribuir los archivos como un pack propio.
- Copia
patrones.cssa tu proyecto (o descárgalo en el ZIP). - Agrega
npaty la clase del patrón a una sección, por ejemplonpat npat-ondas. - Cambia
--npat-color,--npat-opacityy--npat-scaleen tu CSS.
<section class="npat npat-ondas">…</section>
.npat { --npat-color: #0f766e; --npat-opacity: .15; --npat-scale: 1.5; }