Sensitive content
This media may contain sensitive content.
Loading video...
Video Failed to Load
Check out Possession Hub! Join our Patreon to explore exclusive comics, stories, animations, and IRL possession videos VFX. Your voice matters—help shape the content! Let's create something unforgettable together. #Comics #Animation #Possession #TSF
17,303 views • 1 year ago •via X (Twitter)
0 Comments
No comments available
Comments from the original post will appear here
![CSS Tip! ✨ You can create icon sprite animations using the steps() animation-timing function 🤙 You could use this to create little icon button animations, etc. 😎 But how do you do it? Like this 👇 button img { object-fit: cover; object-position: 0 0; } The image is a sprite strip of the frames in the animation. To animate the frames, you do something like this: [aria-pressed=true] img { animation: play 0.5s steps(20) forwards; } @ keyframes play { to { object-position: 100% 0; } } We are toggling aria-pressed in our scripts to show a pressed state and we can then fire the animation to play our sprite 🎉 Check out the video that breaks things down a little bit CodePen.IO link blow! 👇](https://image.24vids.com/tw-1694442289047703873/ext_tw_video_thumb/1694440593613557760/pu/img/OB1gtiLZhnylcC9e.jpg)
