spaceninja + animation + spinners   4

Building a pure CSS animated SVG spinner
In this article I’ll show you how to level up your loading indicators with a pure-CSS animated SVG loader inspired by Google’s Chrome and YouTube spinner.
fridayfrontend  css  cssbasics  animation  spinners 
may 2019 by spaceninja
How to create a simple CSS loading spinner & make it accessible
A loading spinner is a visual indication that something is happening on your webpage. With a few lines of JavaScript and a little extra HTML markup we can ensure that users that have visual impairments are informed that something is happening and when the task has been completed.
css  cssbasics  animation  loaders  spinners  accessibility  fridayfrontend 
may 2018 by spaceninja
Loaders.css: Delightful, performance-focused pure css loading animations.
A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.
css  loaders  animation  performance  spinners 
april 2018 by spaceninja
Pure text, CSS only, font independent1, inline loading indicators
fridayfrontend  animation  css  spinners  ascii  loading 
september 2016 by spaceninja

Copy this bookmark: