# 2. Hiệu ứng rê chuột

## Hiệu ứng thay đổi màu khi khách hàng rê chuột tới phần tử. 

Hiệu ứng rê chuột giúp tăng sự nổi bật cho phần tử, kích thích người dùng bấm vào phần tử. Ví dụ: 

![](https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/pBYgSzB1cRpVHwf6XoPI/%C4%91%E1%BB%95i%20m%C3%A0u.gif)

Để cài đặt hiệu ứng rê chuột đổi màu, bạn vào Thiết lập --> Hiệu ứng-->  Hiệu ứng rê chuột--> Chọn màu bạn muốn khách hàng bấm vào đổi màu.

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/4Gn6aEncRaiHN0uTyi5q/image.png" alt=""><figcaption></figcaption></figure>

## Hiệu ứng phóng to&#x20;

Hiệu ứng phóng to nút khi bạn di chuyển chuột vào được hiển thị như sau:

![](https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/I8znQ1E8TBaLOOLZUSx7/ph%C3%B3ng%20to.gif)

Để thiết lập hiệu ứng này, bạn chọn Thiết lập-> Hiệu ứng -> Hiệu ứng rê chuột -> chọn Phóng to, bạn điền % kích thước muốn phóng to.

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/tuU0Y1TOzyoaCsDTODS6/image.png" alt=""><figcaption></figcaption></figure>

### Trắng đen&#x20;

Giúp bạn tạo filter trắng đen ( thường áp dụng cho ảnh ) , tỷ lệ phần trăm càng cao thì filter càng rõ rệt&#x20;

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/PLLruZBjiE09trU2XzSa/tr%E1%BA%AFng%20%C4%91en%20.gif" alt=""><figcaption></figcaption></figure>

### Ontop (lên trên)&#x20;

Trong trường hợp phần tử bạn đang thiết lập nằm dưới 1 phần tử khác, thì phần nội dung ontop sẽ giúp phần tử đó hiển thị phía trên khi chạy hiệu ứng.

![](https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/0zphuFIFYyh2JVJGMr96/ontop.gif)