DesarrolloLibre

Desarrollo Web, Android y mucho más



25-08-2016

Recurso: Animacion SVG sencilla con solo HTML

Animacion SVG sencilla con solo HTML

Este experimento muestra como crear una simple animación a una especie de loader pero con SVG; si inspeccionas un poco el código vemos que existe un tag llamado animate que define una serie de atributos que permiten crear la animación, que en otras palabras significa que no se necesita CSS (a excepción del base) y JavaScript para realizar animaciones con SVG, colo HTML; los atributos que presentan dentro del tag animate te recordará un poco a como se crean animaciones en CSS ya que sigue la misma lógica.

Publicidad

Publicidad

Algunos artículos que te pueden interesar

El atributo formAction en HTML

El atributo formAction en HTML

En esta entrada se explica el formAction aplicable a inputs tipo submit sobrescribir el atributo action del formulario. En esta entrada se explica el formAction aplicable a inputs tipos submit sobrescribir el atributo action del formulario.

Andrés Cruz 19-11-2015

Animando cosas con CSS

Animando cosas con CSS

Muchos cosas se pueden hacer con un poco de CSS y algo de imaginación, en esta entrada veremos algunos experimentos curiosos con animaciones que pueden servir (por ejemplo) como icono para la "Carga de Página" en nuestro site.

Andrés Cruz 22-06-2015

El elemento symbol para los SVG en HTML

El elemento symbol para los SVG en HTML

En esta entrada veremos un elemento muy útil para trabajar con los SVG que es el elemento symbol; este elemento ahorra mucho trabajo y permite agrupar una serie de figuras básicas y pintarlos empleando el elemento use.

Andrés Cruz 01-06-2015