正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

jhey ʕ•ᴥ•ʔ

146,445 subscribers

134,528 次观看 • 2 个月前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Flashlight Photo Tricks 🔦

Flashlight Photo Tricks 🔦

Photography 📸 Tips & Trick

409,427 次观看 • 2 年前

🔦 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 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 次观看 • 3 个月前

Flashlight Photo Tricks 📸🔦

Flashlight Photo Tricks 📸🔦

Photography 📸 Tips & Trick

330,131 次观看 • 2 年前

⚡️ Jeremy Doku spotlight 🔦

⚡️ Jeremy Doku spotlight 🔦

Manchester City

246,377 次观看 • 2 年前

🔦 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 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,534,552 次观看 • 3 个月前

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 ⭐️

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 次观看 • 1 年前

CSS Tricks for Responsive Layouts!😁😁

CSS Tricks for Responsive Layouts!😁😁

F.O.L.A

14,789 次观看 • 5 个月前

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

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 次观看 • 7 个月前

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

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 次观看 • 1 年前

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 👇

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 次观看 • 1 年前

Rendering depth maps with multiple layers of CSS masks.

Rendering depth maps with multiple layers of CSS masks.

Javier Bórquez

79,178 次观看 • 2 年前

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

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

jhey ʕ•ᴥ•ʔ

97,915 次观看 • 1 年前

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

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

jhey ʕ•ᴥ•ʔ

59,139 次观看 • 7 个月前

🔦 #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.

🔦 #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 次观看 • 2 年前

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.

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 次观看 • 2 个月前

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

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

Adam Argyle

39,389 次观看 • 9 个月前

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

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

Builder.io

12,078 次观看 • 1 年前

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

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 次观看 • 1 年前

#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)

#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 次观看 • 1 年前