正在加载视频...

视频加载失败

返回首页

`clip-path` buttons

jakubkrehel's profile picture

Jakub Krehel

15,455 subscribers

40,745 次观看 • 6 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

clip-path is really underrated
0:11

clip-path is really underrated

dmytro

59,745 次观看 • 8 个月前

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 ʕ•ᴥ•ʔ

301,270 次观看 • 3 个月前

The subtle differences when creating a squircle 🧐 Use a generated CSS clip-path to get a finer shape 🤙 .squircle { clip-path: polygon( 100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ... ); } Went down the rabbit hole 🐇
0:13

The subtle differences when creating a squircle 🧐 Use a generated CSS clip-path to get a finer shape 🤙 .squircle { clip-path: polygon( 100.00% 50.00%, 99.95% 62.53%, 99.80% 67.70%, ... ); } Went down the rabbit hole 🐇

jhey ▲🐻🎈

87,803 次观看 • 1 年前

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 次观看 • 4 个月前

buttons ❤️‍🔥
0:13

buttons ❤️‍🔥

jax

16,752 次观看 • 7 个月前

Regretevator buttons
0:12

Regretevator buttons

Nicant

15,485 次观看 • 2 年前

hitting buttons
0:15

hitting buttons

SR moky

25,934 次观看 • 11 个月前

#KAI: buttons 🫦
0:18

Sensitive content

#KAI: buttons 🫦

t ꩜

27,196 次观看 • 1 年前

Buttons babe ✨
0:18

Buttons babe ✨

mallu

12,206 次观看 • 10 个月前

I got buttons!
0:18

I got buttons!

Xai

137,594 次观看 • 1 年前

I like buttons
0:11

Sensitive content

I like buttons

Ari 🦊 🔜 ANE

34,182 次观看 • 9 个月前

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

How to customize buttons
0:14

How to customize buttons

Massimo

84,553 次观看 • 1 年前

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,742 次观看 • 5 个月前

Buttons in Notion 😍
0:11

Buttons in Notion 😍

Ben Lang

103,078 次观看 • 3 年前

he yearns for the buttons
0:12

he yearns for the buttons

cats with powerful impression 🐾

76,097 次观看 • 3 个月前

Animating buttons never gets old
0:19

Animating buttons never gets old

Hakim El Hattab

101,795 次观看 • 1 年前

This clip-on reading light attaches neatly to the cover, with easy-to-reach side buttons that let you adjust brightness or switch it on and off without losing your place.
0:11

This clip-on reading light attaches neatly to the cover, with easy-to-reach side buttons that let you adjust brightness or switch it on and off without losing your place.

Massimo

51,289 次观看 • 1 个月前

I guess the buttons are inside?
0:16

I guess the buttons are inside?

Justin Morrison

11,102 次观看 • 1 年前