正在加载视频...

视频加载失败

Experimental #CSS carousel ✅ subgrid ✅ scroll driven animations (SDA) ✅ oklch() ✅ property ✅ Layer *Lots of code comments* to help break down the effects 🤓 ✅ SDA changes hue/theme ✅ SDA toggles next/prev ✅ SDA syncs dots

84,455 次观看 • 3 年前 •via X (Twitter)

10 条评论

Adam Argyle 的头像
Adam Argyle3 年前

art by @pablostanley and their new rad Transhumans pack

Adam Argyle 的头像
Adam Argyle3 年前

look at all the JS running things! 😏 jk, there are 2 lines of JS required in this carousel: the next and previous buttons `window.scrollBy(-100, 0)` and `window.scrollBy(100, 0)` otherwise CSS is keeping everything synced and animated 🤓

Sudhansu Bhushan Mishra 的头像
Sudhansu Bhushan Mishra3 年前

@property @layer Actually this is so exciting to imagine all the possibilities now with all things new in 2023

Marcin Pietrzak 的头像
Marcin Pietrzak3 年前

@property @layer Seriously impressive! The subgrid and scroll driven animations... And oklch() sounds are a neat addition too.

Nicolas Jesenberger 的头像
Nicolas Jesenberger3 年前

@layer Nice! Gotta play with scroll-driven animation some day

a man 的头像
a man3 年前

@bramus @property @layer You frequently talk about the future of CSS and provide CodePen links. However, when I click on those links, they never seem to work. Could you please include versions for various desktop browsers? I'm unable to view your work as I'm unsure how to replicate the version.

Adam Argyle 的头像
Adam Argyle3 年前

@bramus @property @layer When in doubt use Canary with the web experiments on in about://flags 👍🏻 I'll try and be better about specifying how to replicate the video in a thread with the tweet, sometimes I forget or assume A prompt made it into my website post 😅

Hugo Nogueira 的头像
Hugo Nogueira3 年前

@property @layer You maniac!! ❤️

Shaun Levett 的头像
Shaun Levett3 年前

@property @layer I’d love to use scroll snap for stuff instead of a carousel plug-in, but most PC mice don’t have a side scroll like a mac mouse etc, so the use expertience suffers. Until we get pagination and arrows with it it’s hard to use on PC.

ed 的头像
ed3 年前

@property @layer Works nicely, except in Safari (dev betas). Swiping/scrollind sideways is pretty good :)

相关视频

MUDANG: Two Hearts 🚀 🎞️Genre: ✅Narrative-driven ✅3rd person action adventure ✅Cinematic storytelling ✅Immersive stealth 📖Story: ✅Set in a volatile Korean Peninsula ✅North/South Korea about to unify ✅Play as two characters ✅K-Pop idol named GAVI ✅Ji Jeongtae North Korean special forces ✅Paths merge in an unsettling truth 🎭Design: ✅State of the art performance capture ✅Fluid motion-matched animations ✅Open ended level design ✅Dynamic spatial audio ✅Combat flexibility ✅Choose stealth, CQC or all-our gunplay ✅Unmatched realism ✅Cutscenes crafted for immersion ✅No cuts or loading screens ✅Seamless story and gameplay transition 🕹️Gameplay: ✅Dynamic combat ✅Many tactics inspired by real strategies ✅Multiple routes and vantage points ✅Hide in the shadows ✅Hang from pipes ✅Slip through vents ✅Climb buildings ✅Destroy parts of the environment ✅Set up ambushes ✅Environmental takedowns ✅Variety of CQC moves ✅Lethal and nonlethal ✅Goggles, EMPs, grenades, lures & mines ✅Deep firearms arsenal ✅Enemy AI built from the ground up ✅Dynamically adapts to player actions ✅Enemies w/same capabilities/gadgets ✅Formidable bosses w/unique powers 💿Development: ✅Formerly codenamed “Project TH” ✅In development for ~7 years ✅Coming to PS5, Xbox and PC ✅Launching in 2026 ✅Developer: MUDANG(Project TH) Play or pass? 😎 Watch gameplay evolution footage between early development and the latest trailer⬇️

Rino🚀

49,960 次观看 • 1 年前

MUDANG: Two Hearts 🚀 🎞️Genre: ✅Narrative-driven ✅3rd person action adventure ✅Cinematic storytelling ✅Immersive stealth 📖Story: ✅Set in a volatile Korean Peninsula ✅North/South Korea about to unify ✅Play as two characters ✅K-Pop idol named GAVI ✅Ji Jeongtae North Korean special forces ✅Paths merge in an unsettling truth 🎭Design: ✅State of the art performance capture ✅Fluid motion-matched animations ✅Open ended level design ✅Dynamic spatial audio ✅Combat flexibility ✅Choose stealth, CQC or all-our gunplay ✅Unmatched realism ✅Cutscenes crafted for immersion ✅No cuts or loading screens ✅Seamless story and gameplay transition 🕹️Gameplay: ✅Dynamic combat ✅Many tactics inspired by real strategies ✅Multiple routes and vantage points ✅Hide in the shadows ✅Hang from pipes ✅Slip through vents ✅Climb buildings ✅Destroy parts of the environment ✅Set up ambushes ✅Environmental takedowns ✅Variety of CQC moves ✅Lethal and nonlethal ✅Goggles, EMPs, grenades, lures & mines ✅Deep firearms arsenal ✅Enemy AI built from the ground up ✅Dynamically adapts to player actions ✅Enemies w/same capabilities/gadgets ✅Formidable bosses w/unique powers 💿Development: ✅Formerly codenamed “Project TH” ✅In development for ~7 years ✅Coming to PS5, Xbox and PC ✅Launching in 2026 ✅Developer: @TH_EVRSTUDIO Play or pass? 😎 Watch gameplay evolution footage between early development and the latest trailer⬇️

Rino

69,134 次观看 • 1 年前