正在加载视频...

视频加载失败

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

toggle 🌛 brought to life with CSS && SVG

jhey ʕ•ᴥ•ʔ

146,436 subscribers

84,240 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

"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 年前

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 年前

shah rukh khan & preity zinta, like a shakespearean novel brought to life.

shah rukh khan & preity zinta, like a shakespearean novel brought to life.

alina 🇪🇸

19,445 次观看 • 7 个月前

Lean & animation toggle ✨🍩

Lean & animation toggle ✨🍩

ENDY

23,008 次观看 • 7 个月前

Lean & animation toggle 2 📱

Lean & animation toggle 2 📱

ENDY

11,563 次观看 • 7 个月前

::before & ::after - CSS

::before & ::after - CSS

Ali Reza

41,500 次观看 • 2 年前

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,073 次观看 • 2 年前

reminder that you can also create lighting effects with a little css + svg filters <feSpecularLighting> + <fePointLight> bound to pointer position 👨‍🍳

reminder that you can also create lighting effects with a little css + svg filters <feSpecularLighting> + <fePointLight> bound to pointer position 👨‍🍳

jhey ʕ•ᴥ•ʔ

103,336 次观看 • 3 个月前

DS & Wii era Toggle👀

DS & Wii era Toggle👀

Shine

37,519 次观看 • 1 年前

an alternative approach to console animation that doesn't hijack the console 1. inline CSS animation into an SVG 2. style console message with background-image 3. use SVG as the background-image 🚀 console.info( "%ccome cook", "background-image: url(/animated.svg);" )

an alternative approach to console animation that doesn't hijack the console 1. inline CSS animation into an SVG 2. style console message with background-image 3. use SVG as the background-image 🚀 console.info( "%ccome cook", "background-image: url(/animated.svg);" )

jhey ʕ•ᴥ•ʔ

93,420 次观看 • 1 年前

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

emil

42,761 次观看 • 3 个月前

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

It took 40 minutes and 0 tears to create this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇

Viki ✨

342,947 次观看 • 2 年前

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Toby

89,472 次观看 • 5 个月前

🐭🌛🧀 midjourney image & kling image-to-video

🐭🌛🧀 midjourney image & kling image-to-video

Anu Aakash

85,042 次观看 • 1 年前

Framer Motion & Tailwind CSS Code:

Framer Motion & Tailwind CSS Code:

Ali Samadi

17,665 次观看 • 1 年前

My SVG icons won't be boring anymore 🤯 → Microanimations → Ready-to-copy components → CSS and Tailwind supported So simple, so impressive 🔥 #buildinpublic

My SVG icons won't be boring anymore 🤯 → Microanimations → Ready-to-copy components → CSS and Tailwind supported So simple, so impressive 🔥 #buildinpublic

Bart ⚡

132,998 次观看 • 1 年前

Building in public: Updated PHP website ✅ Light & Dark mode implemented. Entire site built with Vanilla CSS & minimal JS. Loads blazing fast! 🚀

Building in public: Updated PHP website ✅ Light & Dark mode implemented. Entire site built with Vanilla CSS & minimal JS. Loads blazing fast! 🚀

Nuno Guerra

18,171 次观看 • 10 个月前