The first code gives the zoom effect, while the second set gives the emotes the rotate effect.
Works great on Chrome. For Firefox, only the emote codes work and for IE none. Haven't tried it on other browsers though.
Have other effects you'd care to share? Let me know http://www.plurk.com/wordcaster
Thanks to http://www.plurk.com/Takumikun for sharing this. He says he got it from http://www.plurk.com/PinkElephant and http://www.plurk.com/charmingbutnotsoemo.
To use the codes, from your Plurk page open My Profile click Customize profile and paste the CSS codes (I put mine at the end of the bunch of codes):
.plurk { -webkit-animation-name: steal; -webkit-animation-duration: 1.5s }
@-webkit-keyframes steal { 0% {} 50% {-webkit-transform: translate(0px,0px) scale(2)} 100%{} }
.emoticon, .p_img { -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -khtml-transition-duration: 500ms; }
.emoticon:hover, .p_img:hover { -webkit-transform: rotate(390deg) scale(1.8); -moz-transform: rotate(390deg) scale(1.8);
-khtml-transform: rotate(390deg) scale(1.8); }
O_O hhaammazing.
percivale27 7 months ago