正在加载视频...

视频加载失败

返回首页

COBE v2: reliably use any DOM elements as markers & arcs. CSS transition, animation, filter, interactivity, ...all just work. High perf, zero deps, still ~5KB. Coming soon.

shuding's profile picture

Shu

58,649 subscribers

224,035 次观看 • 3 个月前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

View Transition powered drag n' drop! just drag events then swappin DOM, #CSS view transitions doin all the animation work (which it's GREAT AT) 🤯 that animated emoji don't miss a beat try it!
0:27

View Transition powered drag n' drop! just drag events then swappin DOM, #CSS view transitions doin all the animation work (which it's GREAT AT) 🤯 that animated emoji don't miss a beat try it!

Adam Argyle

351,554 次观看 • 2 年前

Coming soon: Motion from Video 2.0. No markers. Just video. Fully automatic.
0:31

Coming soon: Motion from Video 2.0. No markers. Just video. Fully automatic.

Meshcapade

58,437 次观看 • 2 年前

Spoiler: It's a stack of empty elements using CSS backdrop-filter: blur() with varying strengths/mask 🤙
0:51

Spoiler: It's a stack of empty elements using CSS backdrop-filter: blur() with varying strengths/mask 🤙

jhey ʕ•ᴥ•ʔ

275,529 次观看 • 2 年前

You can reduce the number of DOM elements and DOM operations _by a lot_ and speed things up as a result by highlighting things with the CSS Custom Highlight API (
0:35

You can reduce the number of DOM elements and DOM operations _by a lot_ and speed things up as a result by highlighting things with the CSS Custom Highlight API (

Fabio Spampinato

32,569 次观看 • 3 年前

Don't just use a filter, put in the work...
0:50

Don't just use a filter, put in the work...

TizzyEnt

39,524 次观看 • 10 个月前

StrikeX | Wallet V2 Coming soon ⏳🤩
0:28

StrikeX | Wallet V2 Coming soon ⏳🤩

Tradestrike

15,593 次观看 • 2 年前

Mint coming soon (again). IMPOSSIBLE ARTIFACTS: OOPS ALL ZERO ZERO ZERO TWO SEVENS. Only on Bitcoin Ordzaar
0:52

Mint coming soon (again). IMPOSSIBLE ARTIFACTS: OOPS ALL ZERO ZERO ZERO TWO SEVENS. Only on Bitcoin Ordzaar

artist formerly known as IMPOSSIBLE ARTIFACTS

81,135 次观看 • 1 年前

𐔌 . ⋮ oh lawd she coming... soon .ᐟ ֹ ₊ ꒱ ╰┈➤Any predictions? Use #RemiaNewOutfit !
0:35

𐔌 . ⋮ oh lawd she coming... soon .ᐟ ֹ ₊ ꒱ ╰┈➤Any predictions? Use #RemiaNewOutfit !

Remia Aotsuki 🔋🔭 VSPO! EN

102,671 次观看 • 5 个月前

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components
0:22

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 次观看 • 3 年前

DOM magnifier with CSS && SVG 🔍 .magnifier { position: fixed; left: 0; top: 0; translate: var(--x) var(--y); backdrop-filter: url(#​magnifier); } Could use it in a [popover] 🤙
0:27

DOM magnifier with CSS && SVG 🔍 .magnifier { position: fixed; left: 0; top: 0; translate: var(--x) var(--y); backdrop-filter: url(#​magnifier); } Could use it in a [popover] 🤙

jhey ʕ•ᴥ•ʔ

104,078 次观看 • 2 年前

Inbetweening in #Cascadeur. It's not just AI-generation. It's a fully controlled workflow for high quality animation. Coming soon! #3danimation #AI #gamedev #indiedev
1:37

Inbetweening in #Cascadeur. It's not just AI-generation. It's a fully controlled workflow for high quality animation. Coming soon! #3danimation #AI #gamedev #indiedev

Eugene Dyabin

101,004 次观看 • 1 年前

Are you using position: absolute; to overlap elements? It's almost always better to Use CSS Grid instead!
0:50

Are you using position: absolute; to overlap elements? It's almost always better to Use CSS Grid instead!

Wes Bos

302,109 次观看 • 1 年前

Master of all elements…and beans. Avatar: The Last Airbender is coming soon to Fall Guys!
0:28

Master of all elements…and beans. Avatar: The Last Airbender is coming soon to Fall Guys!

Fall Guys

287,486 次观看 • 1 年前

Future CSS Tip! 🔮 Use scroll-driven animation to animate non-ancestor elements w/ timeline-scope 👀 main{ timeline-scope: --a; }👈 hoist! .a{ view-timeline: --a; } .i{ animation: indicate; animation-timeline: --a; } Peep the contact list indicators ✨ CodePen.IO link below! 👇
0:35

Future CSS Tip! 🔮 Use scroll-driven animation to animate non-ancestor elements w/ timeline-scope 👀 main{ timeline-scope: --a; }👈 hoist! .a{ view-timeline: --a; } .i{ animation: indicate; animation-timeline: --a; } Peep the contact list indicators ✨ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

56,805 次观看 • 3 年前

Piggy Build Mode News Incoming 🚨🚨🚨 Use any skin that you *OWN* as the bot for your map! Coming Soon...
0:32

Piggy Build Mode News Incoming 🚨🚨🚨 Use any skin that you *OWN* as the bot for your map! Coming Soon...

Epic_Tank

19,899 次观看 • 5 个月前

VOGU x Macroverse ⚡️ -------------------------- 🤖V2 is coming soon.
1:12

VOGU x Macroverse ⚡️ -------------------------- 🤖V2 is coming soon.

The Vogu 🤖

14,212 次观看 • 3 年前

🤯 Just 4 lines of CSS View Transitions are great for changing pages BUT it's incredible for animating any changes to the DOM
3:51

🤯 Just 4 lines of CSS View Transitions are great for changing pages BUT it's incredible for animating any changes to the DOM

Wes Bos

149,041 次观看 • 1 年前

CSS & SVG to the rescue for this "Magnifying" animation? 🚀 The trick: Animate the <feImage> position within a filter and use it for an <feDisplacementMap> 😎
1:12

CSS & SVG to the rescue for this "Magnifying" animation? 🚀 The trick: Animate the <feImage> position within a filter and use it for an <feDisplacementMap> 😎

jhey ʕ•ᴥ•ʔ

93,589 次观看 • 2 年前