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.
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.
Sencilla animación en CODEPEN con CSS, JAVASCRIPT y una imagen vectorial sobre un ambiente alusivo al día de brujas.
Simple animacón de texto placeholder sobre un input de busqueda solamente con HTML CSS y JAVASCRIPT