Loading video...

Video Failed to Load

Go Home

`clip-path` buttons

jakubkrehel's profile picture

Jakub Krehel

15,455 subscribers

40,745 views • 9 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

clip-path is really underrated
0:11

clip-path is really underrated

dmytro

59,988 views • 11 months ago

one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }
0:11

one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }

jhey ʕ•ᴥ•ʔ

325,698 views • 7 months ago

Just made my first 10-second Grok clip. Be the penguin. Walk the vertical path.
0:10

Just made my first 10-second Grok clip. Be the penguin. Walk the vertical path.

Ian Miles Cheong

39,513 views • 7 months ago

Regretevator buttons
0:12

Regretevator buttons

Nicant

15,490 views • 2 years ago

buttons ❤️‍🔥
0:13

buttons ❤️‍🔥

jax

16,752 views • 10 months ago

Buttons babe ✨
0:18

Buttons babe ✨

mallu

12,206 views • 1 year ago

I got buttons!
0:18

I got buttons!

Xai

138,705 views • 1 year ago

I like buttons
0:11

Sensitive content

I like buttons

Ari 🦊 🔜 ANE

34,182 views • 1 year ago

UI && CSS Tip! 🚀 You can use View Transitions to create that Radix by WorkOS style theme switcher 👀 ::view-transition-new(root) { animation: reveal;} keyframes reveal { 0% { clip-path: polygon(...);} /* Code 👇 */ } Animate clip-path between modes 😍 CodePen.IO link below! 👇
0:18

UI && CSS Tip! 🚀 You can use View Transitions to create that Radix by WorkOS style theme switcher 👀 ::view-transition-new(root) { animation: reveal;} keyframes reveal { 0% { clip-path: polygon(...);} /* Code 👇 */ } Animate clip-path between modes 😍 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

232,919 views • 3 years ago

C.O.M.B.O. Buttons open from the top - this allows you to customize your buttons even when they're installed! #COMBObutton
0:16

C.O.M.B.O. Buttons open from the top - this allows you to customize your buttons even when they're installed! #COMBObutton

Hit Box Arcade

10,835 views • 8 months ago

How to customize buttons
0:14

How to customize buttons

Massimo

84,553 views • 2 years ago

Buttons in Notion 😍
0:11

Buttons in Notion 😍

Ben Lang

103,124 views • 3 years ago

i love pressing buttons
0:15

i love pressing buttons

The Spongy Construction Project

18,303 views • 1 month ago

Do you like belly buttons?
0:13

Sensitive content

Do you like belly buttons?

Roxy Chan🪷

128,584 views • 1 month ago

Animating buttons never gets old
0:19

Animating buttons never gets old

Hakim El Hattab

101,804 views • 1 year ago

he yearns for the buttons
0:12

he yearns for the buttons

cats with powerful impression 🐾

76,097 views • 6 months ago

These buttons were aggressive today
0:13

These buttons were aggressive today

Trucker Lorelei

1,369,275 views • 11 days ago