[Snippet] CSS3 effect on buttons

[FTH]

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 styles/prosilver/theme/buttons.css

Find :

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; }

Replace with :

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;
}

[Mii]

Can we preview it somewhere? thx.

[FTH]

http://www.graphogames.fr/demo/viewforum.php?f=2

past your mouse on button "newtopic"

[Stoker]

Cool, I have installed it on the "prosilver" theme here.

[Arnevb]

Thanks! Looks awesome!

[Vox Populi]

I like!!! Great work.

[Mii]

Looks cool.

[Terr0r]

Looks cool but for me very annoying I had it on another forum

[darkonia]

amazing

[Blackwolf]

Nice. I use it but by KukY Not as much code.