Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

146,411 subscribers

320,591 görüntüleme • 5 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

65,006 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

`clip-path` buttons
0:10

`clip-path` buttons

Jakub Krehel

40,745 görüntüleme • 7 ay önce

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 | SEEING ATEEZ🍒˚˖𓍢ִ໋ ❀

127,405 görüntüleme • 1 yıl önce

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,686 görüntüleme • 3 yıl önce

clip-path is really underrated
0:11

clip-path is really underrated

dmytro

59,955 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

*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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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

453,241 görüntüleme • 8 gün önce

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 görüntüleme • 6 ay önce

Clip showing the deployment of parachute retardation on SAMP Type 25 bombs released from a Jaguar A ground-attack aircraft.
0:14

Clip showing the deployment of parachute retardation on SAMP Type 25 bombs released from a Jaguar A ground-attack aircraft.

Voltigeur

22,162 görüntüleme • 1 yıl önce

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,793 görüntüleme • 1 yıl önce

seungmin fell in the social path circle 😭
0:14

seungmin fell in the social path circle 😭

mimi bang

136,464 görüntüleme • 11 ay önce

messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨‍🍳
0:19

messin' with css frosted + saturated borders using background-clip + backdrop-filter 👨‍🍳

jhey ʕ•ᴥ•ʔ

157,738 görüntüleme • 8 ay önce

🚨 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 görüntüleme • 21 gün önce

Which one is your type? 1, 2, or 3?
0:10

Which one is your type? 1, 2, or 3?

Mike

79,919 görüntüleme • 4 ay önce