design-systems: add 74 brand DESIGN.md files (VoltAgent/awesome-design-md)
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc. - 147 files: DESIGN.md + README.md per brand (~2.1 MB) - Each DESIGN.md contains structured brand analysis (colors, typography, components) - Updated 00-overview.md with new design-systems directory
This commit is contained in:
1 parent
e3738f2b3e
commit
76c4c5b4fe
233 files changed
+54886
-1
No files matched your search
@@ -0,0 +1,29 @@
|
||||
---
|
||||
name: system/glassmorphism
|
||||
title: Glassmorphism & Glass Effects
|
||||
description: Frosted glass UI elements with blur and transparency.
|
||||
tags: [system, glass, blur, transparency, backdrop-filter]
|
||||
source: apple.com, stripe.com, raycast.com, linear.app
|
||||
---
|
||||
|
||||
# Glassmorphism
|
||||
|
||||
## CSS
|
||||
|
||||
```css
|
||||
.glass-card {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-radius: 20px;
|
||||
}
|
||||
```
|
||||
|
||||
## Anti-patterns
|
||||
|
||||
| ❌ Плохо | ✅ Хорошо |
|
||||
|----------|-----------|
|
||||
| `backdrop-filter` без fallback | `background: rgba()` fallback |
|
||||
| `blur(2px)` — не видно | `blur(20px)` |
|
||||
| Без `-webkit-` prefix | `-webkit-backdrop-filter` |
|
||||
Reference in new issue
Block a user