Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

`clip-path` buttons

jakubkrehel's profile picture

Jakub Krehel

15,455 subscribers

40,745 Aufrufe • vor 6 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

clip-path is really underrated
0:11

clip-path is really underrated

dmytro

59,745 Aufrufe • vor 8 Monaten

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,383 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

buttons ❤️‍🔥
0:13

buttons ❤️‍🔥

jax

16,752 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 4 Monaten

Regretevator buttons
0:12

Regretevator buttons

Nicant

15,485 Aufrufe • vor 2 Jahren

hitting buttons
0:15

hitting buttons

SR moky

25,934 Aufrufe • vor 1 Jahr

#KAI: buttons 🫦
0:18

Sensitive content

#KAI: buttons 🫦

t ꩜

27,196 Aufrufe • vor 1 Jahr

Buttons babe ✨
0:18

Buttons babe ✨

mallu

12,206 Aufrufe • vor 10 Monaten

I got buttons!
0:18

I got buttons!

Xai

137,594 Aufrufe • vor 1 Jahr

I like buttons
0:11

Sensitive content

I like buttons

Ari 🦊 🔜 ANE

34,182 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 5 Monaten

Buttons in Notion 😍
0:11

Buttons in Notion 😍

Ben Lang

103,078 Aufrufe • vor 3 Jahren

How to customize buttons
0:14

How to customize buttons

Massimo

84,553 Aufrufe • vor 1 Jahr

he yearns for the buttons
0:12

he yearns for the buttons

cats with powerful impression 🐾

76,097 Aufrufe • vor 3 Monaten

Animating buttons never gets old
0:19

Animating buttons never gets old

Hakim El Hattab

101,800 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat

I guess the buttons are inside?
0:16

I guess the buttons are inside?

Justin Morrison

11,140 Aufrufe • vor 1 Jahr

Ill give these buttons a break
0:11

Sensitive content

Ill give these buttons a break

Qi’ra Rose

45,331 Aufrufe • vor 1 Jahr