Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Added animations to make every scroll feel alive ๐Ÿƒ

bogdan_qclay's profile picture

Bogdan โ€ข QClay | Awsmd

16,655 subscribers

208,827 Aufrufe โ€ข vor 1 Jahr โ€ขvia X (Twitter)

BildungWissenschaft & TechnologieKunst
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

12 Kommentare

Profilbild von Anthz
Anthzvor 1 Jahr

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

Profilbild von Bogdan โ€ข QClay | Awsmd
Bogdan โ€ข QClay | Awsmdvor 1 Jahr

I like this one

Profilbild von RedDeer.Games IR
RedDeer.Games IRvor 2 Jahren

๐Ÿš€ 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

Profilbild von Veronica Minci
Veronica Mincivor 1 Jahr

Love it. Looks very good.

Profilbild von Bogdan โ€ข QClay | Awsmd
Bogdan โ€ข QClay | Awsmdvor 1 Jahr

Thanks a ton โœจ

Profilbild von luke_bei
luke_beivor 1 Jahr

@readwise save thread

Profilbild von TheUIUXDesigner
TheUIUXDesignervor 1 Jahr

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

Profilbild von Michael
Michaelvor 1 Jahr

You are killing it, great animations

Profilbild von Paul Prannychuk
Paul Prannychukvor 1 Jahr

Great interaction scenario ๐Ÿ˜

Profilbild von Bogdan โ€ข QClay | Awsmd
Bogdan โ€ข QClay | Awsmdvor 1 Jahr

Thank you Paul ๐Ÿ™Œ

Profilbild von Lee Jay
Lee Jayvor 1 Jahr

Looks amazing!!! Great storytelling, doesnโ€™t disappoint! Every scroll matters โค๏ธโ€๐Ÿ”ฅ

Profilbild von Bogdan โ€ข QClay | Awsmd
Bogdan โ€ข QClay | Awsmdvor 1 Jahr

Thanks Lee ๐Ÿ‘โœจ

ร„hnliche Videos

Added animations to make every scroll feel alive ๐Ÿƒ
0:36

Added animations to make every scroll feel alive ๐Ÿƒ

Bogdan โ€ข QClay | Awsmd

25,442 Aufrufe โ€ข vor 11 Monaten

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 Aufrufe โ€ข vor 2 Monaten

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 Aufrufe โ€ข vor 2 Jahren

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 Aufrufe โ€ข vor 2 Jahren

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 Aufrufe โ€ข vor 2 Jahren

You make me feel, make me feel alive ๐Ÿฆ‹
0:55

You make me feel, make me feel alive ๐Ÿฆ‹

ยนโดยณ

13,076 Aufrufe โ€ข vor 1 Jahr

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 Aufrufe โ€ข vor 2 Monaten

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 Aufrufe โ€ข vor 1 Jahr

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 Aufrufe โ€ข vor 9 Monaten

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 Aufrufe โ€ข vor 2 Monaten

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 Aufrufe โ€ข vor 3 Jahren

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 Aufrufe โ€ข vor 2 Jahren

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 Aufrufe โ€ข vor 2 Jahren

:: 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 Aufrufe โ€ข vor 28 Tagen

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 Aufrufe โ€ข vor 9 Monaten

"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 Aufrufe โ€ข vor 2 Jahren

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 Aufrufe โ€ข vor 15 Tagen

revisiting some 3D CSS scroll-driven animations ๐Ÿ’ป
0:27

revisiting some 3D CSS scroll-driven animations ๐Ÿ’ป

jhey ส•โ€ขแดฅโ€ขส”

35,993 Aufrufe โ€ข vor 1 Jahr

These are the moments that make stories feel alive. ๐ŸŽฌโœจ
4:02

These are the moments that make stories feel alive. ๐ŸŽฌโœจ

priceless movie

16,480 Aufrufe โ€ข vor 1 Monat

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

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

๐’‘๐’–๐’•๐’“๐’Šโ€ขแด—โ€ข

34,821 Aufrufe โ€ข vor 4 Monaten