[Snippet] CSS3 effect on buttons
Posted: 03 Dec 2011, 23:20
Author : FTH
Compatibility : Firefox 4+, Internet Explorer 10, Chrome 10, Opera 11.1, Safari 5
Description : Add on rollover an effect made with CSS3
Open file
Find :
Replace with :
Compatibility : Firefox 4+, Internet Explorer 10, Chrome 10, Opera 11.1, Safari 5
Description : Add on rollover an effect made with CSS3
Open file
styles/prosilver/theme/buttons.cssFind :
Code: Select all
.reply-icon span { background: transparent none 0 0 no-repeat; }
.post-icon span { background: transparent none 0 0 no-repeat; }
.locked-icon span { background: transparent none 0 0 no-repeat; }
.pmreply-icon span { background: none 0 0 no-repeat; }
.newpm-icon span { background: none 0 0 no-repeat; }
.forwardpm-icon span { background: none 0 0 no-repeat; }Code: Select all
.reply-icon span {
background: transparent none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
.post-icon span {
background: transparent none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
.locked-icon span {
background: transparent none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
.pmreply-icon span {
background: none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
.newpm-icon span {
background: none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
.forwardpm-icon span {
background: none 0 0 no-repeat;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}