[FMvi-Group] Tạo hiệu ứng mờ và sáng khi rê chuột vào ảnh

[IceFox]

Chèn code sau vào css:

Code:

.postbody img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
.postbody img:hover {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }


Trong đó:

Code:

.postbody img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

là đoạn làm ảnh mờ đi

Code:

.postbody img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

là đoạn làm ảnh sáng lên khi rê chuột.

Các bạn có thể tuỳ chỉnh độ sáng tuỳ ý.

Demo: [You must be registered and logged in to see this link.]

Viết bởi Kyo - [You must be registered and logged in to see this link.]

[Zero]

Hay mấy bữa nay không nghĩ ra

[quangtrung_it]

Tuyệt lắm

[_Mark_]

hàng ngon đem về kho nào yue yue

[Teeñ]

hay..tks

[handsomevip007]

Rum Lôi thì ảnh mờ rê chuột vào lại sáng

Rum Sấm thì ảnh sáng rê chuột vào lại mờ

[ttpp90]

Rum Lôi thì ảnh mờ rê chuột vào lại sáng [You must be registered and logged in to see this image.]

Rum Sấm thì ảnh sáng rê chuột vào lại mờ [You must be registered and logged in to see this image.]

thì ssấm và sét mà ! Sấm thì k màu, sét thì có

[IceFox]

Rum Lôi thì ảnh mờ rê chuột vào lại sáng

Rum Sấm thì ảnh sáng rê chuột vào lại mờ

Muốn như 4rum Sấm thì thay bằng code này, tuy không mượt bằng

Code:

.postbody img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
.postbody img:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

Vì mình thấy để mờ -> sáng có vẻ bất tiện: dính cả chữ ký + emoticon trong bài viết nên quyết định sửa lại .

Vẫn là demo này: [You must be registered and logged in to see this link.]

[Sponsored content]