10 CSS tạo hiệu ứng phong cách Glassmorphism đẹp mắt

Glassmorphism là một thuật ngữ được sử dụng để mô tả thiết kế giao diện người dùng theo phong cách nhấn mạnh các đối tượng sáng hoặc tối, được đặt trên nền với màu sắc sống động. Glassmorphism ưu tiên hiệu ứng trong suốt và làm mờ - tạo cảm giác như một tấm gương.

Trong bài đăng này, chúng tôi đã thu thập 10 ví dụ tuyệt vời về xu hướng thiết kế này từ Codepen. Hãy xem và xem bạn có thể sử dụng hiệu ứng này như thế nào trong các dự án sắp tới của mình!

Glassmorphism Example


Glassmorphism Creative Cloud App Redesign


Glassmorphic Sign in Form


Glassmorphism Credit/Debit Card (pure CSS)


Glassmorphism Page


Glassmorphism Hello


Simple Glassmorphism Example


Glassmorphism vs Neumorphism Cards


Glassmorphism Animated


Glassmorphism Post grid


Tham khảo: 1stwebdesigner
 

Đính kèm

  • glass.jpg
    glass.jpg
    50.9 KB · Lượt xem: 0

Gợi ý cho bạn

  • 14 CSS tạo hiệu ứng cho Background tuyệt đẹp
  • Cách trích xuất CSS trong Illustrator
  • 8 Ví dụ tuyệt đẹp về Hiệu ứng Glassmorphism CSS
  • DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên