Gradient (text, border, button, etc)

[techniq]

Text

• [ ] Shared gradient text (single and scroll examples)
• [ ] Animated gradient text
• [ ] Text gradient (fill / stroke)
• [ ] Tailwind text gradient
• [ ] Apple TV - Word Rotation
• [ ] Color clipping effect with CSS gradients & GSAP
• [ ] CSS Gradient Text
• [ ] Scroll SnapChat
• [ ] The aurora (only CSS)
• [ ] Creating an animated text gradient with CSS
• [ ] Cycling gradient glow - no text duplication
• [ ] boop! — Pure CSS Gradient Text Outlines
• [ ] Gradient Hover Effect
• [ ] The aurora (only CSS)

Border

• [ ] Animated gradient border
• [ ] Gradient border
• [ ] Animated gradient underglow
• [ ] Gradient border
• [ ] Neon Gradient Border
• [ ] Sharp & Glowing dark card
• [ ] Gradient Border - Build UI
• [ ] Double gradient border
• [ ] Easy Border Gradients
• [ ] https://twitter.com/jh3yy/status/1712880102063669548
• [ ] Fancy Borders (w/ Transparency)
• [ ] Creating an animated gradient border with CSS
• [ ] Gradient Border - 2 ways
• [ ] CSS Gradient Border Demo
• [ ] https://ui.aceternity.com/components/tailwindcss-buttons
• [ ] Color Gradient Feature Table

Background

• [ ] Interactive Opposing Corner Radial Gradient
• [ ] Buttons - Before / After

Shadow

• [ ] Glowing Gradients with Tailwind CSS
• [ ] Creating gradient shadows with Tailwind CSS and CSS

Gradient button

• [ ] Gradient button hover
• [ ] 3D Hover buttons
• [ ] Checkboxes and radios
• [ ] Animated gradient button [pure css]
• [ ] Conic-gradient rainbow button
• [ ] Button with depth
• [ ] Modern Button Styles - 45 CSS Only Buttons
• [ ] Fancy Button

Shimmer button (border)

• [ ] Sparkle Button
• [ ] Button Shimmer Tricks
• [ ] Button with rotating gradient border
• [ ] Loading Button CSS Mask
• [ ] neon button with rotating radius
• [ ] Sharp & Glowing dark card | Chrome only
• [ ] Cool Button

Progress bar

• [ ] Absolute Progress Bar Gradients
• [ ] Volume button knob
• [ ] Progress bar animation

Icon

• [ ] SVG gradient icon