Astuces de Blogueur

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.

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.

Quitter la version mobile