HIỆU ỨNG CSS ONE
Main Slider
DANH SÁCH
HIỆU ỨNG CSS ONE
Có tất cả 57 hiệu ứng CssOne. Click vào đối tượng để xem từng hiệu ứng.
❖ Giới thiệu
Hiệu ứng CssOne là hiệu ứng dựa trên CSS Animations, cho nên bạn sẽ thấy nó thân thiện và có rất nhiều hiệu ứng khác nhau.
Đặc biệt vì dựa trên CSS Animations cho nên bạn hoàn toàn có thể tuỳ biến hiệu ứng theo ý của bạn, dựa theo cấu trúc gần giống CSS Keyframes.
Bạn có thể thử nghiệm và tuỳ biến hiệu ứng ở trang công cụ.
Thực tế hiệu ứng CssOne là tên bao gồm 4 hiệu ứng css riêng lẻ kết hợp với nhau thành 1 hiệu ứng, do đó ra đời chữ "One" trong CssOne, để bạn dễ dàng thiết lập slider hơn trước hàng trăm hiệu ứng css khác nhau.
- Hiệu ứng hỗ trợ thời gian thực khi bạn đang kéo rê trên slider.
- RubySlider hiện tại hỗ trợ 57 hiệu ứng CssOne xây dựng sẵn.
- Bạn có thể cập nhật hiệu ứng ở phần danh sách sang Slider Main để xem hiệu ứng Math dễ dàng hơn.
- Hiệu ứng Fade thuộc hệ thống của hiệu ứng CssOne.
❖ Thiết lập slider
Các bạn có thể được hướng dẫn thiết lập slider chi tiết ở trang hướng dẫn này.
Dưới đây là options hiện tại của slider phía trên:
{
"fx": "cssOne",
"cssOne": "roDeal",
"speed": 800,
"width": 1140,
"isNav": true,
"imageback": {
"position": "fit"
}
}