XenForo 1.X Effet de zoom sur les forums & discussions au passage de la souris

Sacryp

VeryLeak's Unique Member 👑
Level 2

Torrents Stats

Messages
321
J'aime
40
Trophées
615
Inscrit
27 Novembre 2015
Salut c'est Sidradi
Et je vous partage comment mettre un Effet de zoom au passage de la souris

I/ - Sur les forums :
Dans le template EXTRA.css, ajoutez ceci:
Code:
.nodeList .node.forum {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.nodeList .node.forum:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

Résultat:
bc0b7e2fd5c16e87ad1e52246dae322b.png



II/- Sur Les Categories :
Dans le template EXTRA.css, ajoutez ceci:

Code:
.discussionListItem {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.discussionListItem:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
Résultat:
3bb9822ee0318edf1928f3bfd64e3a73.png
 
Haut Bas