Tutoriels Email

Effets Images

Effets CSS Images

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

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        
                        .$ {clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);}
                        
                        }

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        
                        .$ {clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);}
                        
                        }

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        
                        .$  {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);}
                        
                        }

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        .${clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);}
                        
                        
                        }

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        
                        .$ {clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);}
                        
                        }

CODE CSS

Coller ce code dans : Définir un code CSS associé à votre élémént. (Image)

                        
                        .$  {clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);}
                        
                        
                        }

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 !

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