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/

0 0 vote
Article Rating

Nguyễn Hoàng Hải

Hi all! Mình hiện tại đang sinh sống và làm việc tại Hải Phòng, Công việc và niềm đam mê lớn nhất của mình là tạo ra các phần mềm, ứng dụng hữu ích, nâng cao năng suất làm việc của các bạn để đạt hiệu quả cao nhất. Mình viết những bài ở trang này với mong muốn chia sẻ những suy nghĩ và kinh nghiệm của mình trong cuộc sống cũng như công việc hàng ngày. Nếu thấy nó có ích cho bạn hãy comment dưới bài viết đó nhé.

You may also like...

Theo dõi
Notify of
guest
0 Comments
Inline Feedbacks
Xem tất cả bình luận
0
Hãy để lại bình luận cùng trao đổi nhé :Dx
()
x
%d bloggers like this: