Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Added animations to make every scroll feel alive 🍃

bogdan_qclay's profile picture

Bogdan • QClay | Awsmd

16,655 subscribers

208,827 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

12 Yorum

Anthz profil fotoğrafı
Anthz1 yıl önce

I've always wondered, how do people record this? Do they just record their screens while scrolling to show the animations?

Bogdan • QClay | Awsmd profil fotoğrafı
Bogdan • QClay | Awsmd1 yıl önce

I like this one

RedDeer.Games IR profil fotoğrafı
RedDeer.Games IR2 yıl önce

🚀 Dive into the world of gaming with @RedDeer_Games! Check out latest game videos and don't forget to hit that SUBSCRIBE button for more awesome content! 🎮📺 👉 Watch now and subscribe! 👉 Youtube 👉 👉 #Nintendo #Xbox #PS

Veronica Minci profil fotoğrafı
Veronica Minci1 yıl önce

Love it. Looks very good.

Bogdan • QClay | Awsmd profil fotoğrafı
Bogdan • QClay | Awsmd1 yıl önce

Thanks a ton ✨

luke_bei profil fotoğrafı
luke_bei1 yıl önce

@readwise save thread

TheUIUXDesigner profil fotoğrafı
TheUIUXDesigner1 yıl önce

What tool do you use. And do you have tutorials for your designs

Michael profil fotoğrafı
Michael1 yıl önce

You are killing it, great animations

Paul Prannychuk profil fotoğrafı
Paul Prannychuk1 yıl önce

Great interaction scenario 😍

Bogdan • QClay | Awsmd profil fotoğrafı
Bogdan • QClay | Awsmd1 yıl önce

Thank you Paul 🙌

Lee Jay profil fotoğrafı
Lee Jay1 yıl önce

Looks amazing!!! Great storytelling, doesn’t disappoint! Every scroll matters ❤️‍🔥

Bogdan • QClay | Awsmd profil fotoğrafı
Bogdan • QClay | Awsmd1 yıl önce

Thanks Lee 👏✨

Benzer Videolar

Added animations to make every scroll feel alive 🍃
0:36

Added animations to make every scroll feel alive 🍃

Bogdan • QClay | Awsmd

25,442 görüntüleme • 11 ay önce

Every Roblox dev needs this! nocapmocap just added looping + foot locking. Your Roblox animations are about to feel 10x smoother.
0:20

Every Roblox dev needs this! nocapmocap just added looping + foot locking. Your Roblox animations are about to feel 10x smoother.

Boring Always Bored

85,892 görüntüleme • 2 ay önce

Tip: Chrome DevTools has a CSS Animations inspector! We just added support for CSS scroll-driven animations. Modify timing, delays, durations and more.
0:27

Tip: Chrome DevTools has a CSS Animations inspector! We just added support for CSS scroll-driven animations. Modify timing, delays, durations and more.

Addy Osmani

79,681 görüntüleme • 2 yıl önce

Getting closer to having kids playtest PaperKlay. Improved first level where I added more creatures to make it feel alive, showcasing some cool features in hope to make a good first impression.
0:51

Getting closer to having kids playtest PaperKlay. Improved first level where I added more creatures to make it feel alive, showcasing some cool features in hope to make a good first impression.

AnderssonKev | PaperKlay

17,855 görüntüleme • 2 yıl önce

Added auto-animate support to the new scroll mode. Now every reveal.js deck out there can also be a scroll-animated website 🪄
0:34

Added auto-animate support to the new scroll mode. Now every reveal.js deck out there can also be a scroll-animated website 🪄

Hakim El Hattab

32,878 görüntüleme • 2 yıl önce

You make me feel, make me feel alive 🦋
0:55

You make me feel, make me feel alive 🦋

¹⁴³

13,076 görüntüleme • 1 yıl önce

the Swarm map is starting to feel alive again! added new ways to explore your check-ins around the world... heatmaps, clusters, and little visual details that make your past travels feel way more fun to revisit
0:20

the Swarm map is starting to feel alive again! added new ways to explore your check-ins around the world... heatmaps, clusters, and little visual details that make your past travels feel way more fun to revisit

Alex Kehr

15,754 görüntüleme • 2 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

11,085 görüntüleme • 1 yıl önce

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!
3:43

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!

Steve (Builder.io)

114,341 görüntüleme • 9 ay önce

Japanese Devs are INCREDIBLE that put so much attention into every detail. Each outfit has SLIGHTLY different animations that ENHANCE the story telling and makes the characters feel ALIVE.
0:20

Japanese Devs are INCREDIBLE that put so much attention into every detail. Each outfit has SLIGHTLY different animations that ENHANCE the story telling and makes the characters feel ALIVE.

Windpress

22,385 görüntüleme • 2 ay önce

Alright so I made new animations for Gengar to make it look more like in the Pokemon anime, and feel more like a ghost. I also added a new animation where it actually uses its tongue, since Gengar weirdly never uses it in any of its animations.
0:29

Alright so I made new animations for Gengar to make it look more like in the Pokemon anime, and feel more like a ghost. I also added a new animation where it actually uses its tongue, since Gengar weirdly never uses it in any of its animations.

Yisuno ⚝ | SKARM BELIEVER

746,817 görüntüleme • 3 yıl önce

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting
1:54

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting

Bramus

40,935 görüntüleme • 2 yıl önce

added more movement options and some animations to make it more fluid 🌙🌟 💿CLOUDEE - Cute #3Dplatformer #indiedev #gamedev #indiegames
0:20

added more movement options and some animations to make it more fluid 🌙🌟 💿CLOUDEE - Cute #3Dplatformer #indiedev #gamedev #indiegames

log64

135,084 görüntüleme • 2 yıl önce

:: Don't it make you feel alive? 🎥 Harris T S ::
0:50

:: Don't it make you feel alive? 🎥 Harris T S ::

Nothing But Thieves

10,781 görüntüleme • 28 gün önce

Game juice isn't just about particles and postprocessing, Your UI should react to what happens on screen too! In this example, the UI gets various VFX effects reacting to what happens. There are also shader animations to make it feel alive. #Gamedev #indiedev #GodotEngine
0:29

Game juice isn't just about particles and postprocessing, Your UI should react to what happens on screen too! In this example, the UI gets various VFX effects reacting to what happens. There are also shader animations to make it feel alive. #Gamedev #indiedev #GodotEngine

Alex

56,213 görüntüleme • 9 ay önce

"CSS scroll-driven scroll-snapping animations" by Giana Just a ten out of ten absolutely gorgeous example of using these new APIs. Not a line of JavaScript in sight (except a polyfill to make it work more places).
0:40

"CSS scroll-driven scroll-snapping animations" by Giana Just a ten out of ten absolutely gorgeous example of using these new APIs. Not a line of JavaScript in sight (except a polyfill to make it work more places).

CodePen.IO

14,856 görüntüleme • 2 yıl önce

These are the moments that make stories feel alive. 🎬✨
2:50

These are the moments that make stories feel alive. 🎬✨

Lord of war

43,341 görüntüleme • 15 gün önce

revisiting some 3D CSS scroll-driven animations 💻
0:27

revisiting some 3D CSS scroll-driven animations 💻

jhey ʕ•ᴥ•ʔ

35,993 görüntüleme • 1 yıl önce

These are the moments that make stories feel alive. 🎬✨
4:02

These are the moments that make stories feel alive. 🎬✨

priceless movie

16,480 görüntüleme • 1 ay önce

exactly! day6 make ballads sound alive every single time...
1:34

exactly! day6 make ballads sound alive every single time...

𝒑𝒖𝒕𝒓𝒊•ᴗ•

34,821 görüntüleme • 4 ay önce