Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,478 subscribers

134,374 Aufrufe • vor 1 Monat •via X (Twitter)

KunstBildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Flashlight Photo Tricks 🔦
0:30

Flashlight Photo Tricks 🔦

Photography 📸 Tips & Trick

409,427 Aufrufe • vor 2 Jahren

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

Flashlight Photo Tricks 📸🔦
0:44

Flashlight Photo Tricks 📸🔦

Photography 📸 Tips & Trick

330,128 Aufrufe • vor 2 Jahren

⚡️ Jeremy Doku spotlight 🔦
1:12

⚡️ Jeremy Doku spotlight 🔦

Manchester City

246,377 Aufrufe • vor 2 Jahren

🔦 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,530,193 Aufrufe • vor 3 Monaten

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

CSS Tricks for Responsive Layouts!😁😁
0:36

CSS Tricks for Responsive Layouts!😁😁

F.O.L.A

14,789 Aufrufe • vor 5 Monaten

I recreated the Google Antigravity website with Modern CSS. - Blog post: - Demo: Starting-Style, Houdini PaintWorklet, Scroll-Driven and Scroll-Triggered Animations, sibling-index(), Carousel, Scope, … #CSS
0:33

I recreated the Google Antigravity website with Modern CSS. - Blog post: - Demo: Starting-Style, Houdini PaintWorklet, Scroll-Driven and Scroll-Triggered Animations, sibling-index(), Carousel, Scope, … #CSS

Bramus

13,211 Aufrufe • vor 6 Monaten

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.
0:48

Perfect web scroll animations with ease! → Explore performant, declarative Scroll-driven Animations with WAAPI, CSS, and Scroll and View Progress Timelines.

Chrome for Developers

10,722 Aufrufe • vor 1 Jahr

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

curved scrollbar 👨‍🍳 powered by GSAP + CSS scroll-snap + SVG
0:40

curved scrollbar 👨‍🍳 powered by GSAP + CSS scroll-snap + SVG

jhey ʕ•ᴥ•ʔ

97,915 Aufrufe • vor 1 Jahr

Rendering depth maps with multiple layers of CSS masks.
0:39

Rendering depth maps with multiple layers of CSS masks.

Javier Bórquez

79,178 Aufrufe • vor 1 Jahr

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳
1:14

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 Aufrufe • vor 7 Monaten

🎭Maskedland | MAP part 10🔦 YT: #animation
0:29

🎭Maskedland | MAP part 10🔦 YT: #animation

🥦

29,441 Aufrufe • vor 1 Jahr

🔦 #RTX500 Game Spotlight 🔦 CONTROL Resonant 🔻Wishlist 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 🔻Wishlist 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,423 Aufrufe • vor 2 Jahren

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

in the audience, scratchin an itch: responsive #CSS scroll animation try it!
0:32

in the audience, scratchin an itch: responsive #CSS scroll animation try it!

Adam Argyle

39,389 Aufrufe • vor 9 Monaten

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:
9:49

Recreate Github's homepage smooth scroll animation in pure CSS with animation-timeline:

Builder.io

12,074 Aufrufe • vor 1 Jahr

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS
2:35

Sensitive content

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

Wes Bos

305,169 Aufrufe • vor 1 Jahr

Huskie Staff Spotlight‼️🔦 🎙️Head Coach Coach Harley #USvsthem | #TheHardWay 🦴
1:06

Huskie Staff Spotlight‼️🔦 🎙️Head Coach Coach Harley #USvsthem | #TheHardWay 🦴

NIU Football

12,075 Aufrufe • vor 2 Monaten