正在加载视频...

视频加载失败

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

backdrop-filter + svg-filter #css

Kitasenju Design

16,995 subscribers

24,056 次观看 • 2 年前 •via X (Twitter)

教育科学技术 #css

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨‍🍳

messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨‍🍳

jhey ʕ•ᴥ•ʔ

158,295 次观看 • 10 个月前

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)

That SVG filter is the whole reason this CSS scroll animation is even possible 🙏 (now with improved timing ✨)

jhey ʕ•ᴥ•ʔ

94,093 次观看 • 2 年前

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨

By combining the SVG bloom filter I made with CSS animations, I can create this glowing effect with pure CSS! The web platform has so much to uncover 👀✨

Kevin Grajeda

29,161 次观看 • 1 年前

Wo stellt ihr EURE PS5 hin? Zeigt es uns. 😎 Filter IG: Filter FB: #Gaming

Wo stellt ihr EURE PS5 hin? Zeigt es uns. 😎 Filter IG: Filter FB: #Gaming

PlayStationDE

80,172 次观看 • 3 年前

alternate filter version

alternate filter version

name

162,215 次观看 • 1 年前

the trick to this css card glow/shine effect is blurring a duplicated layer that moves around 👨‍🍳 the og post mentions feGaussianBlur but you can use css filter blur too (there's a toggle 👇) filter: blur(28px) saturate(5) brightness(1.3) jus' need to test what plays best!

the trick to this css card glow/shine effect is blurring a duplicated layer that moves around 👨‍🍳 the og post mentions feGaussianBlur but you can use css filter blur too (there's a toggle 👇) filter: blur(28px) saturate(5) brightness(1.3) jus' need to test what plays best!

jhey ʕ•ᴥ•ʔ

103,816 次观看 • 6 个月前

toggle 🌛 brought to life with CSS && SVG

toggle 🌛 brought to life with CSS && SVG

jhey ʕ•ᴥ•ʔ

84,240 次观看 • 1 年前

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

Stammy

72,584 次观看 • 1 年前

"Learn CSS: Clipping with SVG, shape-outside, shape-margin" by Victor A

"Learn CSS: Clipping with SVG, shape-outside, shape-margin" by Victor A

CodePen.IO

11,852 次观看 • 1 年前

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

Chrome for Developers

41,345 次观看 • 9 个月前

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI

Csaba Kissi

31,129 次观看 • 9 个月前

El nuevo efecto de Apple recreado con HTML y CSS, gracias a filtros SVG:

El nuevo efecto de Apple recreado con HTML y CSS, gracias a filtros SVG:

Miguel Ángel Durán

41,563 次观看 • 1 年前

Bukan Filter kumis, sekarang filter Gemoy 🤣🤣

Bukan Filter kumis, sekarang filter Gemoy 🤣🤣

Nagini

27,786 次观看 • 9 个月前

Dokyeom’s gwenchana challenge ♡ without filter with filter

Dokyeom’s gwenchana challenge ♡ without filter with filter

⁽̨̡ ¨̮ ⁾̧̢🌻

217,729 次观看 • 1 年前

Dein Gesicht ist mir egal! Try Rammstein's "Sehnsucht" filter on Instagram now:

Dein Gesicht ist mir egal! Try Rammstein's "Sehnsucht" filter on Instagram now:

Rammstein

117,723 次观看 • 3 年前

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

andrej

160,876 次观看 • 3 年前