En el post de hoy, os vamos a mostrar como utilizar la propiedad animation para realizar los típicos cargando... (loaders) usando sólamente CSS.
Tabla contenidos del post
¿Qué es un loader o spinner y cuándo utilizarlo?
Ejemplos de Cargando usando sólo con CSS
1.- Cargando... modo rueda
2. Cargando... con pelotas
3. Cargando... con cajitas
4. Loader con barra - Modo Kit (coche fantástico)
¿Qué es un loader o spinner y cuándo utilizarlo?
Se suele utilizar un loader o cargando cuando quieres indicar al usuario que tenga un poco de paciencia, ya que el sistema está realizando tareas que pueden llevarle un poquito de tiempo más de lo habitual.