Loading video...

Video Failed to Load

Go Home

Hair~ Animation by Martin (Martin) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #hairanimation

keyframes_x's profile picture

keyframes

16,918 subscribers

234,606 views • 2 months ago •via X (Twitter)

Arts#keyframes#animation#2danimation#hairanimation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Can't get enough of the mear frames! Animation by Shio (塩) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #handdrawn
0:24

Can't get enough of the mear frames! Animation by Shio (塩) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #handdrawn

keyframes

24,356 views • 3 months ago

Cute and intense at the same time~ Animation by Ahmed Abougabal Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #creatureanimation
0:30

Cute and intense at the same time~ Animation by Ahmed Abougabal Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #creatureanimation

keyframes

63,588 views • 2 months ago

Nice work using the peacock reference. Animation by Susmit Mishra Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #animationreference
0:36

Nice work using the peacock reference. Animation by Susmit Mishra Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #characteranimation #animationreference

keyframes

29,668 views • 3 months ago

That's crazy good! Animation by 旋风博文 (旋风博文（真）) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #sakuga
0:34

That's crazy good! Animation by 旋风博文 (旋风博文（真）) Source in the comments fb: keyframes.f ig: keyframes.ig x: keyframes_x yt: keyframes #keyframes #animation #2danimation #sakuga

keyframes

228,931 views • 2 months ago

Love the animation tests from animator Benoit Bargeton for Intermarche commercial Mal-Aime. Animator: Benoit Bargeton Source: #characteranimation #behindthescenes #animationtest #intermarche #keyframes
0:58

Love the animation tests from animator Benoit Bargeton for Intermarche commercial Mal-Aime. Animator: Benoit Bargeton Source: #characteranimation #behindthescenes #animationtest #intermarche #keyframes

keyframes

51,146 views • 4 months ago

tool iteration 👨‍🍳 drag source/destination to refine responsive CSS motion path timings ⚡ .p { animation: x .8s var(--x-time), y .8s var(--y-time); animation-composition: accumulate; } @​keyframes x { to { translate: var(--x) 0 } @​keyframes y { to { translate: 0 var(--y) }
0:28

tool iteration 👨‍🍳 drag source/destination to refine responsive CSS motion path timings ⚡ .p { animation: x .8s var(--x-time), y .8s var(--y-time); animation-composition: accumulate; } @​keyframes x { to { translate: var(--x) 0 } @​keyframes y { to { translate: 0 var(--y) }

jhey ʕ•ᴥ•ʔ

58,449 views • 10 months ago

Just 2 keyframes. AI did the rest. That’s the power of inbetweening in Cascadeur – The Future of Animation
0:38

Just 2 keyframes. AI did the rest. That’s the power of inbetweening in Cascadeur – The Future of Animation

Cascadeur – The Future of Animation

1,174,382 views • 7 months ago

2022 - Q1 2025 animation reel pt.2 in the comments. Full video: #2danimation #animation
2:18

2022 - Q1 2025 animation reel pt.2 in the comments. Full video: #2danimation #animation

sans

26,348 views • 1 year ago

progressively enhanced css scroll-driven parallax animation 👨‍🍳 3 columns use the same @​keyframes driven by container position + calc() to keep things responsive
0:21

progressively enhanced css scroll-driven parallax animation 👨‍🍳 3 columns use the same @​keyframes driven by container position + calc() to keep things responsive

jhey ʕ•ᴥ•ʔ

14,929 views • 2 months ago

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}
0:39

you can create this dynamic mask using a progressive CSS scroll-driven animation 🧑‍🍳 the gist 👇 input { animation: in; animation-timeline: scroll(self inline); animation-range: 0 6ch; mask-position: 0 0; } @​keyframes in { 0% { mask-position: -6ch 0; }}

jhey ʕ•ᴥ•ʔ

126,068 views • 1 year ago

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥
0:46

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥

3DxDEV

97,858 views • 8 months ago

The CSS trick here is using custom properties to drive your CSS animation behavior 🤙 Doesn't have to be a scroll animation li:nth-of-type(odd) { --x: -4ch; } li:nth-of-type(even) { --x: 4ch; } @​keyframes shift {50% { translate: var(--x) 0; }} Updates at runtime 🚀
0:38

The CSS trick here is using custom properties to drive your CSS animation behavior 🤙 Doesn't have to be a scroll animation li:nth-of-type(odd) { --x: -4ch; } li:nth-of-type(even) { --x: 4ch; } @​keyframes shift {50% { translate: var(--x) 0; }} Updates at runtime 🚀

jhey ʕ•ᴥ•ʔ

239,989 views • 2 years ago

Traditional animation combined with Runway has been flying under the radar, but it's actually a common use case for keyframes in Runway. Basically, you can use it to automate the inbetweening process in a 2D animation pipeline. The middle keyframe feature was a major breakthrough that made this process easier. Pete Williams (Pete Williams) is making a solo 2D animated movie and discovered how keyframes help with tweening. If you work in animation, this is worth watching.
2:03

Traditional animation combined with Runway has been flying under the radar, but it's actually a common use case for keyframes in Runway. Basically, you can use it to automate the inbetweening process in a 2D animation pipeline. The middle keyframe feature was a major breakthrough that made this process easier. Pete Williams (Pete Williams) is making a solo 2D animated movie and discovered how keyframes help with tweening. If you work in animation, this is worth watching.

Cristóbal Valenzuela

14,660 views • 1 year ago

Triggering text animation properties with bezier curves in After Effects opens up a playful way to manipulate text. In this setup, the only keyframes are for animating the path itself, while the path's length drives everything else. #AfterEffects #Animation #MotionDesign
0:32

Triggering text animation properties with bezier curves in After Effects opens up a playful way to manipulate text. In this setup, the only keyframes are for animating the path itself, while the path's length drives everything else. #AfterEffects #Animation #MotionDesign

François Lefebvre

23,281 views • 2 years ago

here are the two things i made for Jax toy! I made the keyframes for Ragatha's animation in the disclaimer and the falling paper animation And this shot of Jax and pomni! jake did the cleanup/in betweens for both of these! I loved working on this! #JaxToy #TADC #animation
0:47

here are the two things i made for Jax toy! I made the keyframes for Ragatha's animation in the disclaimer and the falling paper animation And this shot of Jax and pomni! jake did the cleanup/in betweens for both of these! I loved working on this! #JaxToy #TADC #animation

Erick Animations

24,541 views • 11 months ago

North Korean animation Animation outsourcing is, quite interestingly, an important source of forex income of North Korea They usually receive these jobs from Chinese companies, who themselves are usually not animation studios but contractors A few years ago someone managed to gain access to an unprotected server in North Korea and found keyframes of Invincible
0:30

North Korean animation Animation outsourcing is, quite interestingly, an important source of forex income of North Korea They usually receive these jobs from Chinese companies, who themselves are usually not animation studios but contractors A few years ago someone managed to gain access to an unprotected server in North Korea and found keyframes of Invincible

恶堕机械球FallenSphere

15,876 views • 5 months ago

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥 #AIAnimation #3DAnimation #Cascadeur #GameDev #AnimationTips #IndieGameDev
0:46

This is absolutely MIND-BLOWING! 🤯✨ TWO keyframes and Cascadeur – The Future of Animation did the rest? A walk cycle in 20 SECONDS including learning time?! Cascadeur just demolished the animation learning curve! 🔥 #AIAnimation #3DAnimation #Cascadeur #GameDev #AnimationTips #IndieGameDev

3Dgamedev

25,464 views • 2 months ago

Our third 80 Level course, Introduction to Geometry Nodes in Blender, is now live. Led by CGMatter, this 5+ hour course breaks down the fundamentals of proceduralism – from fractals and fields to animation without keyframes. Enroll:
1:06

Our third 80 Level course, Introduction to Geometry Nodes in Blender, is now live. Led by CGMatter, this 5+ hour course breaks down the fundamentals of proceduralism – from fractals and fields to animation without keyframes. Enroll:

80 LEVEL

43,059 views • 11 months ago

Animation reel!! i am looking for animation work, everything in the reel is created by me. Thank you #rkgk #indie_anime #2danimation
1:51

Animation reel!! i am looking for animation work, everything in the reel is created by me. Thank you #rkgk #indie_anime #2danimation

Bon

12,875 views • 13 days ago

CSS Tip! 📜 You can create scroll-driven micro-interactions with animation-timeline and custom properties 🔥 .search { animation: shrink; animation-timeline: scroll(); animation-range: 0 calc(var(--header-height) * 0.5); } @​keyframes shrink { to { width: calc(100% - var(--button-size); } } The --header-height is being used to dictate the container height for the header. You can use that for the animation-range used across different scroll animations 🤙 For another example, you can animate the box-shadow reveal on the header once the search has stuck 🍡 header { animation: shadow; animation-timeline: scroll(); animation-range: var(--header-height) calc(var(--header-height) * 1.5); } @​keyframes shadow { to { box-shadow: 0 5px 10px hsl(0 0% 0%); } } Then you have the little extras! 🧸🎈 Everything powered by the scroll() animation-timeline which hooks into the page scroll. And then using the --header-height in the different animation-range ✨ Give it a try! ⭐️ CodePen.IO link below! 👇
0:36

CSS Tip! 📜 You can create scroll-driven micro-interactions with animation-timeline and custom properties 🔥 .search { animation: shrink; animation-timeline: scroll(); animation-range: 0 calc(var(--header-height) * 0.5); } @​keyframes shrink { to { width: calc(100% - var(--button-size); } } The --header-height is being used to dictate the container height for the header. You can use that for the animation-range used across different scroll animations 🤙 For another example, you can animate the box-shadow reveal on the header once the search has stuck 🍡 header { animation: shadow; animation-timeline: scroll(); animation-range: var(--header-height) calc(var(--header-height) * 1.5); } @​keyframes shadow { to { box-shadow: 0 5px 10px hsl(0 0% 0%); } } Then you have the little extras! 🧸🎈 Everything powered by the scroll() animation-timeline which hooks into the page scroll. And then using the --header-height in the different animation-range ✨ Give it a try! ⭐️ CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

495,891 views • 2 years ago