×
Press M for TOC
Press -> (next arrow key) for next posting
Press <- (previous arrow key) previous posting
Advertisement
Frontend, Học ASP.NET MVC

9 CSS animation mới “mãn nhãn” cho anh em Front end

Sau cả ngàn project thì chắc chắn anh em cũng muốn có một cái gì đó nhìn cho đẹp đẹp, cho mát mắt. Level sử dụng phức tạp đi kèm với load animation đẹp thì đỉnh không còn gì bằng! Giới thiệu cho anh em source 9 bộ CSS animation “sịn sò” để apply vào product của mình.

 Một số animation bên dưới interactive được, chỉ cần rà chuột và click vào nhé.

1. Loading indicator “sịn” (chỉ trên CSS)

See the Pen Oddly satisfying loading indicator (CSS only) by eight

(@eight) on CodePen.

2. CSS animation ảo

See the Pen Oddly satisfying CSS Only animation by eight

(@eight) on CodePen.

3. “Mờ mờ nhân ảnh”…

See the Pen The Last Experience by ByteKnight

(@byteknight) on CodePen.

4. Loading style Lửa trại

See the Pen campfire by ByteKnight

(@byteknight) on CodePen.

5. Style pastel dots

See the Pen growing pastel dots by Rachel Smith

(@rachsmith) on CodePen.

6. Lines cầu vồng

See the Pen Rainbow lines by ByteKnight

(@byteknight) on CodePen.

7. Style thôi miên

See the Pen Mesmerizing by xposedbones

(@xposedbones) on CodePen.

8. Animation Test

See the Pen Animation Test – Creeper Lines animated by xposedbones

(@xposedbones) on CodePen.

9. Style “Musical background” theo rà chuột

See the Pen Musical background on mousemove by ByteKnight

(@byteknight) on CodePen.

Hi vọng rằng tất cả các animation “độc” trên sẽ tiếp thêm động lực cho anh em là project. Sáng tạo là một phần rất quan trong trong công việc của chúng ta và nó cần một ít thời gian mỗi ngày để phát triển thêm nữa!

TopDev via Medium

Leave a Reply

Your email address will not be published. Required fields are marked *

Advertisement