Загрузка видео...

Не удалось загрузить видео

На главную

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%); }

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

147,793 subscribers

326,445 просмотров • 9 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇
0:16

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇

jhey ʕ•ᴥ•ʔ

66,109 просмотров • 1 год назад

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥
0:15

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

Minko Gechev

14,504 просмотров • 3 лет назад

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 просмотров • 3 лет назад

one way: clip-path: shape() in css single element, draw outline, scoop corner no stitched-together pieces/mask gymnastics 🧙
0:19

one way: clip-path: shape() in css single element, draw outline, scoop corner no stitched-together pieces/mask gymnastics 🧙

jhey ʕ•ᴥ•ʔ

102,033 просмотров • 2 месяцев назад

Rate my body type on a scale of 1-10...😘
0:13

Sensitive content

Rate my body type on a scale of 1-10...😘

Francesca Elise

45,371 просмотров • 2 месяцев назад

`clip-path` buttons
0:10

`clip-path` buttons

Jakub Krehel

41,097 просмотров • 11 месяцев назад

seungmin pretending to be one of the backup dancers instead of doing the social path group circle😭😭😭
0:13

seungmin pretending to be one of the backup dancers instead of doing the social path group circle😭😭😭

hayes | seungoreo🍒˚˖𓍢ִ໋ ❀

127,501 просмотров • 1 год назад

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }
0:17

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }

jhey ʕ•ᴥ•ʔ

396,709 просмотров • 2 лет назад

O // 36 Days of Type // O is for my daughter, Olivia. Path animation + a whole lot of clipping masks in Cavalry — Project file:
0:18

O // 36 Days of Type // O is for my daughter, Olivia. Path animation + a whole lot of clipping masks in Cavalry — Project file:

Adam Maurer

13,688 просмотров • 3 лет назад

clip-path is really underrated
0:11

clip-path is really underrated

dmytro

60,036 просмотров • 1 год назад

No NFL play caller this century has treated 2nd & short like a free shot more aggressively than Ben Johnson. Among 68 play callers with 70+ games since 1999, Johnson ranks: 1st in 2nd & 1 pass rate: 48.2% 1st in 2nd & 1-2 pass rate: 47.7% 1st in 2nd & 1-3 pass rate: 47.5% No current projected 2026 play caller is even within 17 percentage points of him on 2nd & 1. Clip below: Chicago using 2nd & 1 exactly the way Johnson wants to.
0:10

No NFL play caller this century has treated 2nd & short like a free shot more aggressively than Ben Johnson. Among 68 play callers with 70+ games since 1999, Johnson ranks: 1st in 2nd & 1 pass rate: 48.2% 1st in 2nd & 1-2 pass rate: 47.7% 1st in 2nd & 1-3 pass rate: 47.5% No current projected 2026 play caller is even within 17 percentage points of him on 2nd & 1. Clip below: Chicago using 2nd & 1 exactly the way Johnson wants to.

Ryan Paganetti

477,597 просмотров • 4 месяцев назад

*Latest type of Fans* *In a Hotel at Bangalore.. Life is a Circle..*👍
0:14

*Latest type of Fans* *In a Hotel at Bangalore.. Life is a Circle..*👍

Surendra Tapuriah 🇮🇳

814,758 просмотров • 2 лет назад

Crimson Desert developers have added a Claw Machine in the latest update. You have a chance to win 12 types of lighting items, 1 type of chair, 1 type of special headgear, Abyss Artifacts, and Abyss Gear.
0:19

Crimson Desert developers have added a Claw Machine in the latest update. You have a chance to win 12 types of lighting items, 1 type of chair, 1 type of special headgear, Abyss Artifacts, and Abyss Gear.

Zephryss⛩️

150,358 просмотров • 6 месяцев назад

I could never ever be in an open relationship, I am a 1 boyfriend type of guy. #SATX
0:16

I could never ever be in an open relationship, I am a 1 boyfriend type of guy. #SATX

Edgar G

23,464 просмотров • 10 месяцев назад

Big announcement in HAQQ’s path forward From L1 → Ethereum L2 We’re at a pivotal moment in HAQQ’s journey. We’re proposing a transition from a Layer 1 to an Ethereum Layer 2, leveraging Optimism’s tech stack.
0:10

Big announcement in HAQQ’s path forward From L1 → Ethereum L2 We’re at a pivotal moment in HAQQ’s journey. We’re proposing a transition from a Layer 1 to an Ethereum Layer 2, leveraging Optimism’s tech stack.

HAQQ Ecosystem

109,864 просмотров • 1 год назад

🚨 Disney paid a 19-year-old $400 for 1 clip. she ships 15 a month > AI video prompt animates 1 reference character: minutes per shot > stack 5 shots into a 15s action edit: 1 hour > swap the character and timeline to reskin: 5 min > license per clip or post for AdSense: ongoing cost: $58/month she cleared $9,800 last month the render takes minutes off 1 image the clip up top is 1 of 15. the rest in the article👇
0:10

🚨 Disney paid a 19-year-old $400 for 1 clip. she ships 15 a month > AI video prompt animates 1 reference character: minutes per shot > stack 5 shots into a 15s action edit: 1 hour > swap the character and timeline to reskin: 5 min > license per clip or post for AdSense: ongoing cost: $58/month she cleared $9,800 last month the render takes minutes off 1 image the clip up top is 1 of 15. the rest in the article👇

Fokki

14,798 просмотров • 4 месяцев назад