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,460 subscribers

134,476 görüntüleme • 1 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

Flashlight Photo Tricks 🔦
0:30

Flashlight Photo Tricks 🔦

Photography 📸 Tips & Trick

409,427 görüntüleme • 2 yıl ö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.
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 • 3 ay önce

Flashlight Photo Tricks 📸🔦
0:44

Flashlight Photo Tricks 📸🔦

Photography 📸 Tips & Trick

330,128 görüntüleme • 2 yıl önce

⚡️ Jeremy Doku spotlight 🔦
1:12

⚡️ Jeremy Doku spotlight 🔦

Manchester City

246,377 görüntüleme • 2 yıl ö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,531,005 görüntüleme • 3 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,417 görüntüleme • 1 yıl önce

CSS Tricks for Responsive Layouts!😁😁
0:36

CSS Tricks for Responsive Layouts!😁😁

F.O.L.A

14,789 görüntüleme • 5 ay önce

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

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

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

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

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

jhey ʕ•ᴥ•ʔ

97,915 görüntüleme • 1 yıl önce

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

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

🎭Maskedland | MAP part 10🔦 YT: #animation

🥦

29,441 görüntüleme • 1 yıl önce

🔦 #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 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 • 2 ay önce

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

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

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

#CSS feature faceoff: scroll triggered stuck nav (left) vs scroll driven animation nav (right) which do you prefer? try it (use Canary for the scroll-state() support)
0:22

#CSS feature faceoff: scroll triggered stuck nav (left) vs scroll driven animation nav (right) which do you prefer? try it (use Canary for the scroll-state() support)

Adam Argyle

12,330 görüntüleme • 1 yıl önce