Cocktail Web

Actualité des outils du Web



Gradient-animator un fond dégradé de site qui change de couleur

08/10/2014 ( Code is poetry ) 0 avis


Le cocde html et css n’est pas vraiment une rubrique que je couvre sur ce blogue, mais parfois j’ai un petit coup de coeur sur le sujet, comme aujourd’hui avec  gradient-animator.com  qui offre un code css qui permet de faire varier la couleur du fond dégradé variable  d’un site internet ou d’une page internet.



On peut avec le code :

  • faire varier l’angle de changement de couleur.
  • Ajouter a priori autant de couleur qu’on veut.
  • Faire varier la couleur sur des periodes de 1 à 60 secondes.

Voilà la démonstration en gif avec une période voisine de deux secondes.

J’ai fait un test pour 60 secondes, cela à un effet assez apaisant, en revanche sur une période de une seconde, si vous voulez faire fuir les visiteurs de votre site, c’est une excellente recette. En tout cas un bon choix de couleur pas trop criarde peut créer un effet assez cool sur votre site intenet.

Notez que je suis incapable d’expliquer à quel endroit du site il faut ajouter le code. Je pense que c’est dans la feuille CSS.

 gradient-animator.com

Quand j’ai fait le test, j’ai remarqué une petite surchauffe de mon pc. Il faudra tout de même vérifier de ne pas mettra à plat un serveur (plutôt le navigateur car ce code doit s’exécuter sur la page elle-même) , juste pour faire joli.   Les experts me diront si ce que je viens d’affirmer est une bêtise ou non.

Après plusieurs tests, je confirme une surchauffe de chrome surtout à une fréquence de changement de couleur élevée.

 

 

Étiquettes : , ,




Delicious Sauvegardez sur delicious! Ecrit par Thierry Roget

------------

» Abonnez vous au flux RSS des commentaires de ce billet

Ecrire un commentaire