@cssanimation

All about CSS Animation. Follow for tips and inspiration. Save 93% on my (awesome but kinda old) course today: https://xitter.cf/t.co/EGQ4Zbsk57

 Ireland
cssanimation.rocks
Joined January 2015
  • Tweets4.5K
  • Following0
  • Followers7.1K
1.6KMedia
D-34 #100DaysOfCode Mondayitis. ZERO energy to wrestle w JS algorithms 😒 Went through @cssanimation's excellent course & learnt some niffy #cssanimation tricks I can't wait to try out! ➡️TIP: Use a #JavaScript load event to make sure content is loaded before animation plays
Code showing how to add JS load event to ensure CSS animation doesn't play till JS is loaded

ALT Code showing how to add JS load event to ensure CSS animation doesn't play till JS is loaded

1
12
33
Replying to @cssanimation
@cssanimation ROCKS!
This quoted post is unavailable.
Try viewing anyway · View on X
1
1
1,215
CSS Animation retweeted
PostApex@PostApex_com7 Dec 2022
Only 12 hours left of our Product Hunt launch! Go check it out and leave a comment! 😻 producthunt.com/posts/postap…

PostApex: Advertise in email newsletters | Product Hunt

PostApex is the singular platform to precisely advertise at scale across 100s of email newsletters from a single campaign. We offer tools for email newsletter owners to instantly monetize their...

producthunt.com
1
1
1
Working on Excalidraw and Excalidraw+ we've been doing lots of modals. I thought I'd share some of the points from my experience. I also made this into a quick reference: excalidraw.com/#json=6424017…
3
30
3
135
CSS Animation retweeted
Coner Murphy@coner_murphy24 Jun 2021
🔵 CSS Animation Overview 🔵 CSS Animations make animating web UI elements simple. You can achieve many animations without needing any JS or external packages and can be done straight away with vanilla CSS. Let's break down CSS animations. 👇 🧵
4
7
8
CSS Animation retweeted
maik finch@maik_finch21 Jun 2021
Awesome articles on this week's #CSS #Animation Weekly from @donovanh Don't Miss Out >>> Sign up for the #newsletter weekly.cssanimation.rocks/
2
3
Replying to @jacobian
• @DonovanH’s @CssAnimation course: CssAnimation.rocks • @VLH’s DesigningInterfaceAnimation.… and CssAnimationsPocketGuide.com books • @VLH & @Cennydd’s @MotionMeaning podcast: MotionAndMeaning.io • @RachelNabors’s “Animation at Work” book: abookapart.com/products/anim…
1
2
2
CSS Animation retweeted
Random MDN@randomMDN6 May 2021
🦖 Random MDN: CSSAnimation 🦖 developer.mozilla.org/en-US/… The CSSAnimation interface of the Web Animations API represents an Animation object. #webdev

CSSAnimation - Web APIs | MDN

The CSSAnimation interface of the Web Animations API represents an Animation object.

developer.mozilla.org
2
1
Replying to @smashingmag
@cssanimation @CSSWeekly @therepositorywp @elemntor
2
1
4
CSS Animation retweeted
Astrit@AstritMalsija18 Feb 2021
Just published this tutorial on how to create a basic animation on #CSS using translate3d, cubic-bezier etc. Hopefully you like it ✌️ #CSS3 #100DaysOfCode #HTML #frontend #csstutorial #cssanimation #webdev #webdevelopment #webdeveloper youtu.be/RTLM2SyEL6o

CSS Animation: translate3d, backdrop-filter and custom tags

Hello everyone, On this tutorial we are going to learn on how to ...

youtube.com
1
9
1
17
After reading a blog article by @lonekorean about #cssanimation I made this #animated #3D Orbiting Planet in #CSS. It uses CSS Variables so you can easily adjust the playback speed and size of the graphic. Check it out at: codepen.io/stevenmonson/pen/…
1
1
6
Re-Creating the Porky Pig Animation from Looney Tunes in CSS - bit.ly/2M89Z8A You know, Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. #webdesign #webdesigner #webdev #webdeveloper #webdevelopment
2
3
CSS Animation retweeted
SVGator@SVGatorApp21 Jan 2021
svgator.com/ Good news! Our latest update brings you more node types. 😄 Cheers to easier morphing and even more amazing animations!✌️ #svganimation #animation #cssanimation #morphing #animatecss #svg #nocoding #illustration #vectorart #learnsvg #nodetypes #svgator
2
12
I’ve done my best to list out every book and toy I could find from this year’s Late Late Toy Show ideas.shopireland.ie/posts/t… #toyshow #LateLateToyShow #latelatetoyshow2020
1
1
I wrote an article on 10 ways to create delightful and user-friendly web animation: shopify.com/partners/blog/we… Featuring inspiration and practical tips from @ChrisGannon, @EliFitch, @lisi_linhart, @donovanh, @MicheBarks and @WalterStephanie. Thanks for all your help! 🙌

10 Ways to Create Delightful and User-Friendly Web Animation - Shopify

Six experts share top web animation tips so you can incorporate motion into your designs, increase user engagement, and improve your client’s UI.

shopify.com
5
1
14
CSS Animation retweeted
Mario Duarte@MDesignsuk6 Oct 2020
Been a while since I did a #codepenchallange but i could not pass on this #pageloading #animation one 😋 so here is my entry on @CodePen codepen.io/MarioDesigns/pen/… #cssanimation #webanimation #css #css3
3
7
Replying to @cssanimation
@cssanimation has a great newsletter. But also support their course. cssanimation.rocks/
Ravin
@ravinwashere6 Sep 2020
Best free CSS resources. ⚒ Smashing magazine ⚒ CSS author ⚒ CSS Tricks ⚒ Free code camp ⚒ Codepen ⚒ Codrops ⚒ Mdn web docs ⚒ W3 Schools ⚒ Kevin Powell ( Youtube ) ⚒ Red Stapler ( Youtube ) ⚒ The CSS Podcast ( podcast ) Let me know what do you think about it?
2
2
Particles and physics for beginners, new vanilla #JavaScript tutorial coming this week youtube.com/frankslaboratory #webdevelopment #codingisfun #learntocode #creativecoding #100DaysOfCode #CodeNewbie #webdeveloper #webdev #Webdesign #HTML #cssanimation #css3 #html5 #webdesigner #js
4
61
80
CSS Animation retweeted
CSS Weekly
@CSSWeekly7 Aug 2020
Donovan Hutchinson (@donovanh) demonstrates how to lazy-load images in Svelte. cssw.io/2246a
2
4
CSS Animation retweeted
Mo@CodeWithMo17 Jul 2020
8 best free Animation Libraries for websites. - CSSHake - Anime js - Bounce js - Mo js - Tuesday - Wicked css - Magic - Gsap Which one your favorite! #100DaysOfCode #100DaysOfCode #CodeNewbie
2
21
1
76
Load more