[CSS]Làm ảnh mờ dần hoặc sáng lên khi rê chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Yêu thích [CSS]Làm ảnh mờ dần hoặc sáng lên khi rê chuột vào

Bài gửi by HelpsFMvi on Wed Jun 22, 2016 5:10 pm


Demo:


Opacity                 Clarity


[You must be registered and logged in to see this image.]           [You must be registered and logged in to see this image.]



Hướng dẫn:


Vào ACP > Display > Pictures and Colors > Colors > CSS Stylesheet

Opacity

Để làm ảnh sáng lên dần thì cho đoạn này vào CSS:
Code:
.opacity {
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
        
  .opacity:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;      
                    }  

Clarity

Còn mờ dần đi thì dùng đoạn này:
Code:
.clarity {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
        
  .clarity:hover {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;      
                    }

Nguồn: FMCodes



Cập nhật chữ ký !!

HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 96
HelpsPoints : 2354
Likes : 28
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 19
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

Xem lý lịch thành viên http://helps.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Forumotion.com | © phpBB | Free forum support | Liên hệ | Report an abuse | Free blog
Stylish responsive footer | Script Tutorials