un css pour un effet zoom auto pour Blogger

Voici un petit css à rajouter à votre modèle blogger pour avoir un effet zoom auto sur vos images.

css-effet-zoom-auto-pour-blogger

Il correspond a grossir un image insérée dans un billet lors que l’utilisateur déplace le pointeur de souris dessus.

Pas sûr que ca me serve à grand chose, mais c’est rigolo et ça peut servir à d’autre.

Vous pourrez trouver une démo de l’effet zoom auto sur ce lien.

Le css en question est le suivant:

.post img { height: 100%; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post img:hover { width: 150%; height: 150%; }

 

Pour l’ajouter vous devez aller dans votre interface draft blogger sur la partie modèle et cliquer sur personnaliser.

Puis dans la section avancé, allez à ajouter le fichier CSS et collez le code précédent dans l’encart.

La manip en video:

 

Source de cette astuce pour Blogger sur Spice up your blog ici.

Taggé , , , , .Mettre en favori le Permaliens.

Une réponse à un css pour un effet zoom auto pour Blogger

  1. Génial cette astuce. ça nous donne un effet magic après l’implémentation. merci !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.