Pen con una sencilla animación de una lluvia de unos y ceros, desarrollado con HTML y CSS.
¿Cómo?
La animación esta desarrollada únicamente con las animaciones de CSS3 mediante la propiedad animation y la regla @keyframes, con ayuda de la herramienta online codepen.io.
Lluvia binaria
PEN
HTML
CSS
Pen con un preloader estilo skeleton, hecho con HTML y CSS.
¿Cómo?
La funcionalidad de un preloader es mostrarse mientras los recursos de una aplicación o servicio no han sido cargados.
Un preloader skeleton tiene como principal característica la de cargar recuadros en tonalidades oscuras en las áreas o segmentos en donde el contenido aún no ha cargado, simulando el esqueleto de la página o aplicación.
Este preloader está desarrollado con una pequeña animación con css3 y el attributo background y su valor de linear-gradient, para llegar a ese efecto de destello.
A continuación el PEN.
Skeleton preloader
PEN
HTML
CSS
Sencilla animación en CODEPEN con CSS, JAVASCRIPT y una imagen vectorial sobre un ambiente alusivo al día de brujas.
Animacióm Haloween
PEN
HTML
CSS
JAVASCRIPT
Simple animacón de texto placeholder sobre un input de busqueda solamente con HTML CSS y JAVASCRIPT
Animación sobre un input search
PEN
HTML
CSS
JAVASCRIPT