css-animation
Posts
Links
HTML5: Loading circle
Loading circle
09-05-2017
09-01-2021Animista
LottieFiles - Free animation files built for Lottie
lottie,animation,
14-01-2021How to Play and Pause CSS Animations with CSS Custom Properties | CSS-Tricks
Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get into in the details. We’ll also look at my preferred way of setting this up which gives lots of control. Hint: it involves CSS custom properties.
22-01-2021How to select elements that are not children of other elements in CSS | Stefan Judis Web Development
Today I came across a PR on MDN compatibility data that aims to update the CSS's support information for the :not() pseudo-class.
28-01-2021
15-06-2022Fun Parallax Scrolling CSS for Matterday
09-08-2022Taxi.js - Routing
Keyframes.app
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad
06-09-2022
17-11-2023Beautiful CSS 3D Transform Perspective Examples in 2022 | Polypane
27-08-2024https://utilitybend.com/blog/animations-and-transitions-from-and-to-display-none-with-at-starting-st Animations and transitions from and to display none with @starting-style | utilitybend
Easing Wizard - CSS Easing Editor
Easing Wizard is a tool created by Matthias Martin that allows users to generate and customize CSS easing functions with ease. It provides a user-friendly interface to create beautiful animations for web applications, making the design experience more intuitive and engaging.
01-01-2025CSS Spring Easing Generator
The CSS Spring Easing Generator is a tool by Kevin Grajeda designed to intuitively create spring animations for CSS. It provides presets and customizable options for perceptual duration and bounce, enhancing user interface designs and animations.
02-01-2025