Neat li'l #CSS gradient trick: A gradient circular chart... effect 👀 1. a gradient mask 2. a conic gradient all the details on my blogshow more

Need a gradient border? Use CSS background-clip 🤙 input... { background: linear-gradient(canvas, canvas), linear-gradient(120deg, hsl(278, 44%, 73%), hsl(35, 81%, 73%) ); border: 4px solid transparent; background-clip: padding-box, border-box; }show more

You can right-click on a gradient fill in the... gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTipshow more

glowing gradient effect 🌟 Grok

Little progressively enhanced CSS border reveal button using mask... && @​property .border-button:hover { --complete: 100; } .border-button::after { transition: --complete 0.4s; mask: conic-gradient( from var(--from), #000 var(--complete), ); }show more

Found some ridiculously good resources for background gradients &... colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?show more

css trick for the "shine" border 🧑‍🍳 take a... pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer moveshow more

compute the gradient

Gradient on film 🟠

Old: just slap a gradient on it New: just... use a shader… shader it allshow more

CSS Tip! 🤙 These buttons from Michaël are ace... 🔥 But, how would you make them? 👀 You could use background-attachment: fixed and update a conic-gradient position depending on the interaction design 🤔 CodePen.IO link below! 👇show more

wave + gradient

Introducing "Plant gradient map"✨ This gradient set is perfect... for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:show more

random gradient generator

Introducing Better Gradient, a collaboration between Plugin Play and... Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.show more

wonder how noelle would look with a gradient style... like fernetshow more