MediaWiki:Common.css: Difference between revisions
From PHIGHTING! Wiki
Content added Content deleted
(Created page with "→CSS placed here will be applied to all skins: →Main Page Hover CSS: .zoom_img img{ -moz-transition:-moz-transform 0.1s ease-in; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; transition:transform 0.1 ease-in; } .zoom_img img:hover{ -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); opacity: 0.75; filter: grayscale(100%); filter: alpha(opacity=75); } /*...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
/*Main Page Hover CSS*/ |
/*Main Page - Hover CSS*/ |
||
.zoom_img img{ |
.zoom_img img{ |
||
-moz-transition:-moz-transform 0.1s ease-in; |
-moz-transition:-moz-transform 0.1s ease-in; |
||
-webkit-transition:-webkit-transform 0.1s ease-in; |
-webkit-transition:-webkit-transform 0.1s ease-in; |
||
-o-transition:-o-transform 0.1s ease-in; |
-o-transition:-o-transform 0.1s ease-in; |
||
transition:transform 0.1 ease-in; |
transition:transform 0.1 ease-in; |
||
} |
} |
||
.zoom_img img:hover{ |
.zoom_img img:hover{ |
||
-moz-transform:scale(1.15); |
-moz-transform:scale(1.15); |
||
-webkit-transform:scale(1.15); |
-webkit-transform:scale(1.15); |
||
-o-transform:scale(1.15); |
-o-transform:scale(1.15); |
||
transform:scale(1.15); |
transform:scale(1.15); |
||
opacity: 0.75; |
|||
filter: grayscale(100%); |
|||
filter: alpha(opacity=75); |
|||
} |
} |
||
/*Main Page - Image Fade-In on Scroll*/ |
|||
/*whatever's next*/ |
/*whatever's next*/ |
||
Revision as of 19:35, 30 September 2022
/* CSS placed here will be applied to all skins */
/*Main Page - Hover CSS*/
.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
transition:transform 0.1 ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.15);
-webkit-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
opacity: 0.75;
filter: grayscale(100%);
filter: alpha(opacity=75);
}
/*Main Page - Image Fade-In on Scroll*/
/*whatever's next*/
