Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
css animation

37 Articles
{
,

}
Animated gif. We start with a grey background and we have an orange pie slice (circular sector) growing from nothing to covering everything around the central point. Then we have a grey pie slice growing from nothing to covering everything around the central point and we're back where we started from: a grey background.
Direct link to the article The State of Changing Gradients with CSS Transitions and Animations
css animation gradients keyframes transition

The State of Changing Gradients with CSS Transitions and Animations

Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I …

Avatar of Ana Tudor
Ana Tudor on Jun 1, 2018 (Updated on Mar 26, 2021)
Direct link to the article Animating Progress
css animation progress

Animating Progress

Direct Link

Jonathan Snook on the complexity of animating the <progress> element. If you’re unfamiliar, that’s the element that spits out a bar chart-like visual that indicates a position between two values:

This example has custom styles, but you get the point.…
Avatar of Robin Rendle
Shared by Robin Rendle on Apr 30, 2018
Direct link to the article Making CSS Animations Feel More Natural
css animation

Making CSS Animations Feel More Natural

It used to be that designers designed and coders coded. There was no crossover, and that’s the way it was. But with the advent of CSS transitions and animations, those lines are blurring a bit. It’s no longer …

Avatar of Brandon Gregory
Brandon Gregory on Jan 9, 2018
animation css animation transitions

Controlling CSS Animations and Transitions with JavaScript

The following is a guest post by Zach Saucier. Zach wrote to me telling me that, as a frequenter on coding forums like Stack Overflow, he sees the questions come up all the time about controlling CSS animations with …

Avatar of Zach Saucier
Zach Saucier on Sep 17, 2013 (Updated on May 13, 2021)
  • Newer
  • 1
  • ...
  • 2
  • 3
  • 4

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top