Загрузка видео...

Не удалось загрузить видео

На главную

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

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,445 subscribers

134,528 просмотров • 1 месяц назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Flashlight Photo Tricks 🔦
0:30

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.
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 просмотров • 3 месяцев назад

Flashlight Photo Tricks 📸🔦
0:44

Flashlight Photo Tricks 📸🔦

Photography 📸 Tips & Trick

330,128 просмотров • 2 лет назад

⚡️ Jeremy Doku spotlight 🔦
1:12

⚡️ 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 →
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,623 просмотров • 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 ⭐️
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 просмотров • 1 год назад

CSS Tricks for Responsive Layouts!😁😁
0:36

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
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 просмотров • 7 месяцев назад

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 просмотров • 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 👇
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 просмотров • 1 год назад

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 просмотров • 1 год назад

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

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 👨‍🍳
1:14

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

jhey ʕ•ᴥ•ʔ

59,139 просмотров • 7 месяцев назад

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

🎭Maskedland | MAP part 10🔦 YT: #animation

🥦

29,441 просмотров • 1 год назад

🔦 #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 просмотров • 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.
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 просмотров • 2 месяцев назад

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 просмотров • 9 месяцев назад

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 просмотров • 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
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 просмотров • 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)
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 просмотров • 1 год назад