10/10/2018, 13:33

Hiệu ứng css này làm như thế nào

em rất thích hiệu ứng này, mà không tìm ra cách nào, không biết nó dùng css3 hay js nữa.
http://www.webdesignerdepot.com/category/design/
Các bác di chuột vào tên bài post, backgroud sẽ chạy chạy. Cho em hỏi nguyên tắc của nó thế nào? cho em xin demo càng tốt ạ
Lần đầu thích 1 hiệu ứng như thế
streampow viết 15:39 ngày 10/10/2018
Sử dụng css3 translation - bạn có thể tham khảo: stackoverflow (.) com/questions/9483364/css3-background-image-transition
Le.teamf viết 15:49 ngày 10/10/2018
Down soure của nó về rồi tìm hiểu là biết liền.
vchweb viết 15:39 ngày 10/10/2018
Của bạn đây:
Nó là CSS, sử dụng thuộc tính transition cho backgound chạy

background-size: 200.22% auto;
background-position: 0% 0px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #DDD 50%);
transition: background-position 0.5s ease-out 0s;
doanbg1 viết 15:46 ngày 10/10/2018
Cám ơn! Tôi cũng đang quan tâm.
Bài liên quan
0