Tạo hiệu ứng background cho website ấn tượng

Mình hay lang thang trang https://codepen.io để tìm các đoạn css, javascript hay để khi cần sử dụng và cũng có sưu tầm được một số hiệu ứng background cho website hay ho. Chúng ta thử ngó qua một số hiệu ứng mà mình thích nhất xem sao nhé, thường mình hay sử dụng chúng cho trang login hoặc các trang landing page.

1. Bokeh effect (CSS)

https://codepen.io/Mamboleoo/pen/BxMQYQ

2. Calm breeze login screen

https://codepen.io/Lewitje/pen/BNNJjo

3. Tesselation Transition

https://codepen.io/jhnsnc/pen/Mprdaa

4. CSS Particles

https://codepen.io/giana/pen/ZGZeWR

5. Random Pure CSS Parallax Stars

https://codepen.io/CKH4/pen/vNyyaL

6. Bubbles (SVG)

https://codepen.io/yukulele/pen/GppYjd

7. Particles #13 – Background with Hover

https://codepen.io/alexsafayan/pen/ypbch

8. Three.js Particle Blown Up

https://codepen.io/ryonakae/pen/wKqYxR

9. Portfolio Home Page

https://codepen.io/j-w-v/pen/RrMLjV

10. Gradient color by HSL

https://codepen.io/wakamsha/pen/GpxJmg

 Xem thêm tại đây : https://codepen.io/collection/ABNwxq/

4.5 2 votes
Đánh giá bài viết
Theo dõi
Notify of
0 Góp ý
Inline Feedbacks
Xem tất cả bình luận