• Accueil
  • Effets
    • Effets Boutons
    • Effets Colonnes
    • Effets Images
    • Effets Textes
  • Templates
  • Plugins
    • Pop UP
    • Menus
    • Extras
      • Horaire d'ouverture
      • Horloge
      • Slider Vertical
      • Effet Ondulation
      • Tabulation
      • Bouton Liquide
  • Démo Boutique
  • Contact

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

  • image

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

ZOOM SURVOL IMAGE

ROTATION SURVOL IMAGE

DEZOOMER SURVOL IMAGE

DECALAGE SURVOL IMAGE

FLOUTER IMAGE SURVOL

ROTATION ET DEZOOME IMAGE

ANIMATION VERTICAL IMAGE

ANIMATION HORIZONTAL IMAGE

NOIR ET BLANC SURVOL IMAGE

SEPIA SURVOL IMAGE

FLOUE SURVOL IMAGE NETTE

FLASH IMAGE SURVOL

SATURATION COULEUR SURVOL

CONTRASTE SURVOL

MOINS DE LUMINOSITE SURVOL

PLUS DE LUMINOSITE SURVOL

NEGATIF SURVOL

OPACITE SURVOL

MIRROIR SURVOL

EFFET PAPILLON SURVOL

MIRROIR VERTICAL SURVOL

DEZOOM BOUNCE SURVOL

BORDS ARRONDIS SURVOL

Image avec petit bord arrondi 5 px ! (inutile si pas de bord au départ).

ZOOM BOUNCE SURVOL

MOUVEMENT GAUCHE DROITE SURVOL

MOUVEMENT VERS LE BAS SURVOL

INCLINAISON GAUCHE SURVOL

MOUVEMENT VERS LE HAUT SURVOL

INCLINAISON DROITE SURVOL

Contrôle de la durée effet de zoom

BORDURE TIRÉTS

BOUDURE DOUBLE

BORDURE POINTILLÉE

Appliquer des bordures différentes à une image

Lorsqu'on indique plusieurs valeurs différentes à la même propriété, la 1ére est celle qui va être appliquée en haut, puis on tourne dans le sens des aiguilles d'une montre. Quand on en indique que deux, la première concerne le haut et le bas, la seconde la droite et la gauche.

BORDURES DIFFÉRENTES

BORDURES DIFFÉRENTES

BORDURE TIRÉTS

BOUDURE DOUBLE

BORDURE POINTILLÉE

BORDURES DIFFÉRENTES

BORDURES DIFFÉRENTES

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