正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Adam Argyle

58,588 subscribers

67,513 次观看 • 3 年前 •via X (Twitter)

教育科学技术 #CSS

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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; }

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; }

jhey ʕ•ᴥ•ʔ

82,458 次观看 • 2 年前

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.) #FigmaTip

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.) #FigmaTip

miggi from figgi

32,275 次观看 • 7 个月前

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), ); }

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), ); }

jhey ʕ•ᴥ•ʔ

118,301 次观看 • 1 年前

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 move

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 move

jhey ʕ•ᴥ•ʔ

200,156 次观看 • 9 个月前

Old: just slap a gradient on it New: just use a shader… shader it all

Old: just slap a gradient on it New: just use a shader… shader it all

Charles Patterson

199,455 次观看 • 7 个月前

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! 👇

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! 👇

jhey ʕ•ᴥ•ʔ

267,645 次观看 • 3 年前

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:

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:

CLIP STUDIO PAINT

20,600 次观看 • 21 天前

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.

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.

Austin Bauwens

18,305 次观看 • 18 天前

Stein Variational Gradient Descent (SVGD) is a particle-based approach to variational inference. SVGD iteratively transports a set of particles to match a target distribution by applying a form of functional gradient descent that minimizes the KL divergence.

Stein Variational Gradient Descent (SVGD) is a particle-based approach to variational inference. SVGD iteratively transports a set of particles to match a target distribution by applying a form of functional gradient descent that minimizes the KL divergence.

Alec Helbling

28,173 次观看 • 3 个月前

if verso can drop his piano as a gradient attack #ClairObscurExpedition33 #Verso

if verso can drop his piano as a gradient attack #ClairObscurExpedition33 #Verso

AAL

37,032 次观看 • 8 个月前

A leaf with ink moves across water due to the Marangoni effect, where the ink's lower surface tension creates a gradient that propels the leaf forward.

A leaf with ink moves across water due to the Marangoni effect, where the ink's lower surface tension creates a gradient that propels the leaf forward.

Science girl

1,499,187 次观看 • 1 年前

Gradient masking for smooth swipes! This material setup creates a full-range gradient sweep, perfect for effects like wipes, transitions, or directional reveals. Driven by a sine wave for continuous motion. #gamedev #VFX #realtimeVFX #UnrealEngine5 #UnrealEngine

Gradient masking for smooth swipes! This material setup creates a full-range gradient sweep, perfect for effects like wipes, transitions, or directional reveals. Driven by a sine wave for continuous motion. #gamedev #VFX #realtimeVFX #UnrealEngine5 #UnrealEngine

TUATARA ➡️ Gamescom

16,707 次观看 • 1 年前

That gradient application method just hits the brain in the right spots. Such a masterpiece! 😍

That gradient application method just hits the brain in the right spots. Such a masterpiece! 😍

Ave 🤍

1,877,087 次观看 • 2 个月前

Playing around with the new Paper gradient tool. Don't think I've ever seen a better one.

Playing around with the new Paper gradient tool. Don't think I've ever seen a better one.

Colm Tuite

13,523 次观看 • 1 年前

✨ Mini #Aseprite Tutorial: use the Gradient option for a dynamic Dither brush! ✨ #dinchenix #pixelart

✨ Mini #Aseprite Tutorial: use the Gradient option for a dynamic Dither brush! ✨ #dinchenix #pixelart

Dinchen

23,618 次观看 • 8 个月前

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Langevin Monte Carlo allows you to draw samples from a probability distribution using its log gradient ∇ log p(x). By performing a sort of gradient ascent with noise you can navigate around the distribution. Langevin MC is heavily related to modern diffusion models.

Alec Helbling

96,895 次观看 • 1 年前