# Thiết lập hiệu ứng

## 1. Mục tiêu

Tạo ra các hiệu ứng chuyển đổi mượt mà giữa các trạng thái của thành phần, giúp giao diện không bị cứng và tăng tính hiện đại cho trang tuyển dụng.

## 2. Khi nào sử dụng

* Khi muốn các nút bấm thay đổi màu sắc nhẹ nhàng khi di chuột vào (Hover).
* Khi muốn các khối nội dung xuất hiện dần dần khi ứng viên cuộn trang đến.
* Khi cần tạo sự chú ý vào các thẻ (Card) công việc hoặc hình ảnh văn phòng.

## 3. Các bước thực hiện

### Bước 1: Truy cập mục Transition

<figure><img src="/files/7wnqTGlnKUJ00LMvpF7q" alt=""><figcaption></figcaption></figure>

* Chọn thành phần bạn muốn tạo hiệu ứng (ví dụ: một nút bấm hoặc một khối văn bản).
* Tìm đến mục Transition trong bảng điều khiển bên phải.

### Bước 2: Thiết lập tốc độ hiệu ứng (Speed)&#x20;

Tại đây, bạn sẽ tùy chỉnh thời gian diễn ra hiệu ứng thông qua danh sách thả xuống:

<figure><img src="/files/Izq6fhZo5dTYeFVcUzBC" alt=""><figcaption></figcaption></figure>

* None: Không có hiệu ứng, thay đổi trạng thái ngay lập tức.
* Fast (Nhanh): Phù hợp cho các tương tác nhỏ như đổi màu nút bấm.
* Normal (Bình thường): Mức độ mặc định, tạo cảm giác tự nhiên cho người nhìn.
* Slow (Chậm) & Very Slow (Rất chậm): Phù hợp cho các hiệu ứng xuất hiện (Fade-in) của các khối hình ảnh lớn hoặc banner để tạo sự trang trọng.

## 4. Các lưu ý quan trọng

* Tránh lạm dụng: Không nên đặt hiệu ứng "Very Slow" cho quá nhiều thành phần trên cùng một trang, vì điều này có thể gây cảm giác chậm chạp và làm phiền người dùng.
* Ưu tiên sự nhất quán: Nên sử dụng cùng một mức tốc độ (ví dụ: tất cả nút bấm đều dùng "Fast") để tạo sự chuyên nghiệp và đồng bộ cho hệ thống.
* Kiểm tra thực tế: Sau khi chọn tốc độ, hãy thử di chuột hoặc xem trước trang (Preview) để đảm bảo hiệu ứng phản hồi đúng như mong đợi.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/thiet-lap-hieu-ung.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.