Tags:

Chia sẽ 100 CSS loader animation

Bài viết này sẽ chia sẽ đến các bạn các 100 Loader component được viết thuần bằng CSS đi kèm với annimation. Như các bạn cũng biết là hầu như mọi trang web đều cần có một loader dùng khi trang web của chúng ta đang cần xử lý dữ liệu và người dùng phải chờ đến khi quá trình này hoàn tất.

Bài viết chia loader thành các chủ đề khác nhau, mỗi chủ đề sẽ có nhiều loader với nhiều phong cách khác nhau.

Classic

Infinity

https://codepen.io/t_afif/pen/ExWPNKB

Dots

Bars

Spinner

Continuous

Progress

Wobbling

Shapes

Pulsing

Tóm lược

Hy vọng các bạn có thể chọn được cho mình một mẫu loader như ý và sử dụng nó trong project tiếp theo.

Nguồn

https://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje?signin=true#the-classic

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x