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

Thu Sep 13, 2012 10:25 am

Level 100

Chèn code sau vào css:

Code:: [b][b].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; } [/b][/b]

Trong đó:

Code:: [b][b].postbody img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}[/b][/b]

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

Code:: [b][b].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.][/b][/b]

#1Tạo hiệu ứng mờ và sáng khi rê chuột vào ảnh

#1 Tạo hiệu ứng mờ và sáng khi rê chuột vào ảnh