Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

product spotlight cards 🔦 w/ depth map lighting + css scroll tricks

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,404 subscribers

135,029 görüntüleme • 2 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

🔦 NVIDIA DLSS 5 Spotlight 🔦 NVIDIA DLSS 5 is coming to Resident Evil Requiem. DLSS 5 infuses pixels with photorealistic lighting and materials to bridge the gap between rendering and reality in Raccoon City.
0:23

🔦 NVIDIA DLSS 5 Spotlight 🔦 NVIDIA DLSS 5 is coming to Resident Evil Requiem. DLSS 5 infuses pixels with photorealistic lighting and materials to bridge the gap between rendering and reality in Raccoon City.

NVIDIA GeForce UK

69,075 görüntüleme • 4 ay önce

🔦 NVIDIA DLSS 5 Spotlight 🔦 NVIDIA DLSS 5 is coming to Resident Evil Requiem. DLSS 5 infuses pixels with photorealistic lighting and materials to bridge the gap between rendering and reality in Raccoon City. Learn more →
0:25

🔦 NVIDIA DLSS 5 Spotlight 🔦 NVIDIA DLSS 5 is coming to Resident Evil Requiem. DLSS 5 infuses pixels with photorealistic lighting and materials to bridge the gap between rendering and reality in Raccoon City. Learn more →

NVIDIA GeForce

1,540,495 görüntüleme • 4 ay önce

Pretty fun seeing how you can combine different CSS tricks with scroll 😁 The basic combination of overflow: hidden and steps() animation timing makes this happen ⭐️
0:23

Pretty fun seeing how you can combine different CSS tricks with scroll 😁 The basic combination of overflow: hidden and steps() animation timing makes this happen ⭐️

jhey ʕ•ᴥ•ʔ

136,482 görüntüleme • 1 yıl önce

One of Apple's tricks is to swap images on scroll 📜 You could do it with CSS scroll animation. Translate a track of images with steps ease! ⭐️ .track { animation: play steps(63); animation-timeline: --head; } @​keyframes play { to { translate: 0 -6300%; }} Watch this 👇
0:37

One of Apple's tricks is to swap images on scroll 📜 You could do it with CSS scroll animation. Translate a track of images with steps ease! ⭐️ .track { animation: play steps(63); animation-timeline: --head; } @​keyframes play { to { translate: 0 -6300%; }} Watch this 👇

jhey ʕ•ᴥ•ʔ

217,513 görüntüleme • 2 yıl önce

I prompted Omma to build a #threejs app with real dynamic lighting on a 3D mesh - generated from a single image, using Depth Anything v2 + Transformers from Hugging Face ⚡ Depth estimation in the browser 🫧 3D mesh from the depth map 💡 Dynamic lighting reacting to the geometry No manual code. Pure AI prompting. The future of 3D on the web feels wide open.
0:40

I prompted Omma to build a #threejs app with real dynamic lighting on a 3D mesh - generated from a single image, using Depth Anything v2 + Transformers from Hugging Face ⚡ Depth estimation in the browser 🫧 3D mesh from the depth map 💡 Dynamic lighting reacting to the geometry No manual code. Pure AI prompting. The future of 3D on the web feels wide open.

Joseph Azar

14,041 görüntüleme • 3 ay önce

🔦 #RTX500 Game Spotlight 🔦 CONTROL Resonant 🔻Pre-order Now! was one of the best single-player games of 2019 and the first RTX game with multiple ray-traced effects boosted by DLSS. Share your favorite moment from Control + Comment #RTX500 for a chance to WIN $500 in gift cards.
0:28

🔦 #RTX500 Game Spotlight 🔦 CONTROL Resonant 🔻Pre-order Now! was one of the best single-player games of 2019 and the first RTX game with multiple ray-traced effects boosted by DLSS. Share your favorite moment from Control + Comment #RTX500 for a chance to WIN $500 in gift cards.

NVIDIA GeForce

197,437 görüntüleme • 2 yıl önce

CSS Tip! ✨ You can use background-attachment to fix backgrounds to the viewport 🤙 card { background:radial-gradient(circle at var(--x) var(--y), ...); background-attachment:fixed; } JS to get the cursor position but use the same bg for a spotlight 🔦 CodePen.IO link below 👇
0:20

CSS Tip! ✨ You can use background-attachment to fix backgrounds to the viewport 🤙 card { background:radial-gradient(circle at var(--x) var(--y), ...); background-attachment:fixed; } JS to get the cursor position but use the same bg for a spotlight 🔦 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

490,227 görüntüleme • 3 yıl önce

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl
0:40

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

148,148 görüntüleme • 3 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 OF Billy Wingren (Morris Knolls); 5-9 182 lbs EV: 96.3💥 Bat Speed: 83.1✔️ 60yd: 7.02💨 Arm: 84 Present strength in the lower half💪 Flat bat path w/ hard hit line drives. LHH & lefty arm. Intriguing ATH w/ high level rotational acceleration✔️ Billy Wingren | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:
0:34

🔦Uncommitted ‘26 Spotlight🔦 2026 OF Billy Wingren (Morris Knolls); 5-9 182 lbs EV: 96.3💥 Bat Speed: 83.1✔️ 60yd: 7.02💨 Arm: 84 Present strength in the lower half💪 Flat bat path w/ hard hit line drives. LHH & lefty arm. Intriguing ATH w/ high level rotational acceleration✔️ Billy Wingren | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:

Prep Baseball New Jersey

17,815 görüntüleme • 11 ay önce

more CSS <table> tricks 👇 stick the first row using <thead> so you don't lose context, and give it a margin so you don't lose the last row on scroll thead { position: sticky; top: var(--header-height); margin-bottom: 1lh; /* or whatever row height */ }
0:30

more CSS <table> tricks 👇 stick the first row using <thead> so you don't lose context, and give it a margin so you don't lose the last row on scroll thead { position: sticky; top: var(--header-height); margin-bottom: 1lh; /* or whatever row height */ }

jhey ʕ•ᴥ•ʔ

122,020 görüntüleme • 1 yıl önce

Here’s how the Gleason’s Map explains the true motion of the sun over our flat plane ☀️ It doesn’t orbit around a globe… It circles above—lighting only part of the plane, like a spotlight. Once you see it, you can’t unsee it.✨👀 🧭 Own the map they don’t want you to have: 👉
4:30

Here’s how the Gleason’s Map explains the true motion of the sun over our flat plane ☀️ It doesn’t orbit around a globe… It circles above—lighting only part of the plane, like a spotlight. Once you see it, you can’t unsee it.✨👀 🧭 Own the map they don’t want you to have: 👉

vegastar

61,267 görüntüleme • 1 yıl önce

🔦Uncommitted ‘26 Spotlight🔦 2026 LHP Daniel Pardini (CBA); 6-0 175 FB: 85-88 T89 (20” IVB) SL: 75-78 (2800+) #PBFG24 & #PBSFG25 alum. Pardini boasts an A/avg breaking pitch w/ a FB that touches upper 80s. One of the top uncommitted arms in NJ remaining‼️ Dan Pardini✝️ | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ
1:03

🔦Uncommitted ‘26 Spotlight🔦 2026 LHP Daniel Pardini (CBA); 6-0 175 FB: 85-88 T89 (20” IVB) SL: 75-78 (2800+) #PBFG24 & #PBSFG25 alum. Pardini boasts an A/avg breaking pitch w/ a FB that touches upper 80s. One of the top uncommitted arms in NJ remaining‼️ Dan Pardini✝️ | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ

Prep Baseball New Jersey

25,809 görüntüleme • 11 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 SS/2B Ryan Todisco (Howell); 5-9 180 lbs EV: 96.7💥 Dist: 351💣 Arm: 90‼️ 60yd: 7.29💨 A left handed hitting middle infielder w/ high level arm strength💪Clean, efficient swing w/ the ability to elevate gap to gap✔️ HS STATS 📊.319 AVG, 23 H, 19 BB, 17 RBI📊 Ryan Todisco | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:
0:56

🔦Uncommitted ‘26 Spotlight🔦 2026 SS/2B Ryan Todisco (Howell); 5-9 180 lbs EV: 96.7💥 Dist: 351💣 Arm: 90‼️ 60yd: 7.29💨 A left handed hitting middle infielder w/ high level arm strength💪Clean, efficient swing w/ the ability to elevate gap to gap✔️ HS STATS 📊.319 AVG, 23 H, 19 BB, 17 RBI📊 Ryan Todisco | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:

Prep Baseball New Jersey

11,261 görüntüleme • 11 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 3B Maddox Tanner (Beaver Area); 6-0 190.7 lbs EV: 98.6💥 Dist: 356💣 Arm: 90💪 60yd: 7.11💨 The #PBFG24 alum is a strong ball player w/ legit 🧃. Swing translates really well into gameplay. Athleticism & arm strength gives him defensive versatility✔️ Maddox Tanner | Dan Cevette | Nate Goranson | Nathan Ocker 🔗:
0:43

🔦Uncommitted ‘26 Spotlight🔦 2026 3B Maddox Tanner (Beaver Area); 6-0 190.7 lbs EV: 98.6💥 Dist: 356💣 Arm: 90💪 60yd: 7.11💨 The #PBFG24 alum is a strong ball player w/ legit 🧃. Swing translates really well into gameplay. Athleticism & arm strength gives him defensive versatility✔️ Maddox Tanner | Dan Cevette | Nate Goranson | Nathan Ocker 🔗:

Prep Baseball Pennsylvania

15,167 görüntüleme • 11 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Mihretu Rupertus (St. Joe’s Prep); 6-4 205 lbs FB: 85-88 T89💥 SL: 77-81 CH: 79-81 A tall, imposing RHP. W/ an extension over 6ft his upper 80s FB gets on the hitters even quicker. Throws a firm, sharp SL w/ cutterish movement. An uber projectable arm that will continue to develop. Big time upside📈 Mihretu Rupertus | Dan Cevette | Nathan Ocker | Nate Goranson 🔗:
0:28

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Mihretu Rupertus (St. Joe’s Prep); 6-4 205 lbs FB: 85-88 T89💥 SL: 77-81 CH: 79-81 A tall, imposing RHP. W/ an extension over 6ft his upper 80s FB gets on the hitters even quicker. Throws a firm, sharp SL w/ cutterish movement. An uber projectable arm that will continue to develop. Big time upside📈 Mihretu Rupertus | Dan Cevette | Nathan Ocker | Nate Goranson 🔗:

Prep Baseball Pennsylvania

26,518 görüntüleme • 1 yıl önce

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Tristan Fanning (Upper Merion); 5-11 157.2 lbs FB: 86-88 (22.7” IVB)⬆️ CB: 73-75 SL: 78-79 An Eastern PA RHP w/ advanced feel for his breaking pitches. FB jumps out of his hand & his OS has late, sharp break. An underrated RHP‼️ Tristan Fanning | Dan Cevette | Nathan Ocker | Nate Goranson 🔗:
0:50

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Tristan Fanning (Upper Merion); 5-11 157.2 lbs FB: 86-88 (22.7” IVB)⬆️ CB: 73-75 SL: 78-79 An Eastern PA RHP w/ advanced feel for his breaking pitches. FB jumps out of his hand & his OS has late, sharp break. An underrated RHP‼️ Tristan Fanning | Dan Cevette | Nathan Ocker | Nate Goranson 🔗:

Prep Baseball Pennsylvania

15,491 görüntüleme • 11 ay önce

Future CSS Tip! 🔮 Use scroll-driven animation to animate non-ancestor elements w/ timeline-scope 👀 main{ timeline-scope: --a; }👈 hoist! .a{ view-timeline: --a; } .i{ animation: indicate; animation-timeline: --a; } Peep the contact list indicators ✨ CodePen.IO link below! 👇
0:35

Future CSS Tip! 🔮 Use scroll-driven animation to animate non-ancestor elements w/ timeline-scope 👀 main{ timeline-scope: --a; }👈 hoist! .a{ view-timeline: --a; } .i{ animation: indicate; animation-timeline: --a; } Peep the contact list indicators ✨ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

56,815 görüntüleme • 3 yıl önce

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP/OF Zach Zuber (Lancaster Catholic); 5-11 155 lbs FB: 86-88 T89💥 (20.7” IVB) SL: 75-76 CB: 70-71 CH: 72-73 An intriguing 2-way player w/ an electric arm talent⚡️. A #PASeniorGames top performer w/ an impressive outing that lead all pitchers in velo & zone %✔️ Hard throwing strike thrower w/ a hit tool at the plate too! EV: 92 | Arm: 91💪 | 60yd: 7.23💨 Zach Zuber | Dan Cevette | Nate Goranson | Nathan Ocker 🔗:
0:50

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP/OF Zach Zuber (Lancaster Catholic); 5-11 155 lbs FB: 86-88 T89💥 (20.7” IVB) SL: 75-76 CB: 70-71 CH: 72-73 An intriguing 2-way player w/ an electric arm talent⚡️. A #PASeniorGames top performer w/ an impressive outing that lead all pitchers in velo & zone %✔️ Hard throwing strike thrower w/ a hit tool at the plate too! EV: 92 | Arm: 91💪 | 60yd: 7.23💨 Zach Zuber | Dan Cevette | Nate Goranson | Nathan Ocker 🔗:

Prep Baseball Pennsylvania

16,413 görüntüleme • 11 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Will Iozzio (Columbia HS); 6-1 185 lbs FB: 85-87 SL: 72-76 (2500+) CB: 72-74 CH: 78-79 An uncommitted RHP with an innate ability to spin the baseball🔄. Both BBs are thrown w/ high intent & have hard, late break. A true 4-pitch arsenal✔️ Will Iozzio | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ
0:40

🔦Uncommitted ‘26 Spotlight🔦 2026 RHP Will Iozzio (Columbia HS); 6-1 185 lbs FB: 85-87 SL: 72-76 (2500+) CB: 72-74 CH: 78-79 An uncommitted RHP with an innate ability to spin the baseball🔄. Both BBs are thrown w/ high intent & have hard, late break. A true 4-pitch arsenal✔️ Will Iozzio | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ

Prep Baseball New Jersey

13,861 görüntüleme • 11 ay önce

🔦Uncommitted ‘26 Spotlight🔦 2026 LHP Jacob Diaz (Sparta); 5-11 155 lbs FB: 84-85 T85.5 ⬆️ SL: 72-75 CB: 69-71 CH: 77-78 Lean, athletic frame💪 An over-the-top release point. Attacks the zone north & south✔️FB plays up in the zone w/ over 20” of IVB. Off speeds have late bite💥 Jacob Diaz | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:
0:56

🔦Uncommitted ‘26 Spotlight🔦 2026 LHP Jacob Diaz (Sparta); 5-11 155 lbs FB: 84-85 T85.5 ⬆️ SL: 72-75 CB: 69-71 CH: 77-78 Lean, athletic frame💪 An over-the-top release point. Attacks the zone north & south✔️FB plays up in the zone w/ over 20” of IVB. Off speeds have late bite💥 Jacob Diaz | Dan Cevette | Nate Goranson | TJ Hunt PBR NJ 🔗:

Prep Baseball New Jersey

15,191 görüntüleme • 11 ay önce