Loading video...

Video Failed to Load

Go Home

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 views • 3 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 2 years ago

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 views • 2 years ago

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 views • 2 years ago

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 views • 3 years ago

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 views • 10 months ago

StrikeX | Wallet V2 Coming soon ⏳🤩
0:28

StrikeX | Wallet V2 Coming soon ⏳🤩

Tradestrike

15,593 views • 2 years ago

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 views • 1 year ago

🖤 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 views • 3 years ago

𐔌 . ⋮ 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 views • 5 months ago

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 views • 2 years ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 1 year ago

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 views • 3 years ago

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 views • 5 months ago

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 views • 2 years ago

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

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

The Vogu 🤖

14,212 views • 3 years ago

🤯 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 views • 1 year ago