Hiệu ứng khi rê chuột vào Smilie

[PVS]

Hiệu ứng khi rê chuột vào Smilie

Hiệu ứng đầu tiên:

​

Thêm code sau vào EXTRA.css

img.mceSmilieSprite:hover { opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
img.mceSmilieSprite { opacity: 0.5; }

Editor chỉ có hiệu lực cho người biên soạn

.redactor_smilies img.mceSmilieSprite:hover { opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.redactor_smilies img.mceSmilieSprite { opacity: 0.5; }

Hiệu ứng 2:

​

Thêm code sau vào EXTRA.css

img.mceSmilieSprite { opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
img.mceSmilieSprite:hover { opacity: 0.5; }

Editor chỉ có hiệu lực cho người biên soạn

.redactor_smilies img.mceSmilieSprite { opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.redactor_smilies img.mceSmilieSprite:hover { opacity: 0.5; }

Hiệu ứng 3:

​

Thêm code sau vào EXTRA.css

img.mceSmilieSprite:hover { -webkit-transform: scale(1.2); }
img.mceSmilieSprite { opacity: 0.5; h-webkit-transition: all .2s ease-in-out; }

Editor chỉ có hiệu lực cho người biên soạn

.redactor_smilies img.mceSmilieSprite:hover { -webkit-transform: scale(1.2); }
.redactor_smilies img.mceSmilieSprite { opacity: 0.5; h-webkit-transition: all .2s ease-in-out; }

Chúc các bạn thành công.

​

Nguồn: vnnet.org​