Motifs de fond

Patterns

Utilisation du symbole magique .$

Le symbole magique .$ permet d’appliquer du code CSS sur un composant de WA-Fusion.
! On peut appliquer plusiers codes CSS au même bouton
Exemple: ombre + zoom + movement, etc

Faites un Copier-Coller des codes CSS dans vos projets

Adapter à votre besoin : taillle (px), couleurs (#320126) , scale (1;1)...

< Cliquez sur l'image pour l'agrandir

Tutoriel vidéo

play

Pattern Marrakech

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént boite ou colonne

.$ {background-color:white;
                                        background-image:
                                        radial-gradient(midnightblue 9px, transparent 10px),
                                        repeating-radial-gradient(midnightblue 0, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
                                        background-size: 30px 30px, 90px 90px;
                                        background-position: 0 0;}

Pattern Madrid

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént boite ou colonne

.$ {background-color:#def;
                                        background-image: radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%),
                                        radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%);
                                        background-size:80px 80px;
                                        background-position:0 0, 40px 40px;;}

Pattern Miel

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént boite ou colonne

.$ {background:
                                        radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
                                        radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
                                        linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
                                        linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
                                        linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
                                        linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
                                        background-size: 40px 60px;}

Soutenez mon travail.

Si vous appréciez mon travail, que vous voulez l'encourager, vous pouvez faire un don ici.
Tout don, aussi petit soit-il, peut faire la différence !

Merci pour votre soutien !

FAIRE UN DON

Réalisé avec WebAcappella Fusion - 2023 wa-fusion.fr

Patterns

Tutoriel vidéo

Pattern zigzag

Pattern vagues

Pattern lignes diagonales

Pattern grandes vagues

Pattern isométrique

Pattern pointillés

Pattern croix

Pattern lignes horizontales

Pattern croix

Pattern lignes verticals

Pattern papier quadrillé

Pattern quadrillé

Pattern Écossais

Pattern Asia

Pattern Escaliers

Pattern Marrakech

Pattern Madrid

Pattern Miel

Soutenez mon travail.