Difference between revisions of "MediaWiki:Hover.css"
(Created page with "/* CSS Hover Gallery for Mediawiki * * @author: Unknown * current version crafted together by User:Christharp from several CSS sites. For my website:[http://www.yellpe...") |
m |
||
| (One intermediate revision by the same user not shown) | |||
| Line 7: | Line 7: | ||
.zoom_img img{ | .zoom_img img{ | ||
| − | -moz-transition:-moz-transform 0. | + | -moz-transition:-moz-transform 0.5s ease-in; |
| − | -webkit-transition:-webkit-transform 0. | + | -webkit-transition:-webkit-transform 0.5s ease-in; |
| − | -o-transition:-o-transform 0. | + | -o-transition:-o-transform 0.5s ease-in; |
| − | transition:transform 0. | + | transition:transform 0.5 ease-in; |
} | } | ||
.zoom_img img:hover{ | .zoom_img img:hover{ | ||
| − | -moz-transform:scale( | + | -moz-transform:scale(1.5); |
| − | -webkit-transform:scale( | + | -webkit-transform:scale(1.5); |
| − | -o-transform:scale( | + | -o-transform:scale(1.5); |
| − | transform:scale( | + | transform:scale(1.5); |
} | } | ||
Latest revision as of 13:47, 27 July 2023
/* CSS Hover Gallery for Mediawiki
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
* https://www.mediawiki.org/wiki/Snippets/Image_Expand_on_Hover
*/
.zoom_img img{
-moz-transition:-moz-transform 0.5s ease-in;
-webkit-transition:-webkit-transform 0.5s ease-in;
-o-transition:-o-transform 0.5s ease-in;
transition:transform 0.5 ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.5);
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}
