Animez un texte CSS3

Animer un texte en CSS3


Pourquoi utiliser toujours jQuery pour faire une animation, il existe une autre solution pour animer un texte en CSS3 ! C’est tout simple, on a juste à utiliser les @keyframes et la propriété Animation en CSS. Alors Passons directement au code source.

CSS :

On va ajouter

Créativité

 

pour lancer l’animation automatiquement.

HTML :

Le web doit être ?

Créatif

 


Alors comme on peut voir, j’utilise le bootstrap pour la mise forme de la page mais je ne l’utilise pas pour l’animation.
On pourrait s’en servir du bootstrap pour animer et notament avec le LESS, mais je préfère le faire en  » dur « .

Pour ajouter de la l’intéractivité, j’ai ajouté une deuxième animation, il suffit d’ajouter class= »item2″ dans une div juste en dessous de la première balise.

Créativité

 

Exterminé

C’est tout simple comme on peut le voir et cela évite de surcharger son code.

Commentaires