Laberinto CSS
Ya vimos como crear un puzzle, un Homer y una casa con CSS, ahora os enseñaremos a crear un laberinto dinámico con CSS. El método es muy sencillo, consta de varios pasos:
Mando del DVD con CSS
Aunque no sirva para nada, solo por ver la flexibilidad que puede alcanzar CSS, este mando de DVD creado totalmente en CSS nos mostrará que CSS no tiene límites. Si deseamos crearlo, añadimos este código CSS a nuestro documento:
Valida tu CSS con Juicy Studio
Juicy Studio es otro validador de código CSS. Hace la misma función que el validador JigSaw de W3C pero de un modo más intuitivo, nos informa más detalladamente de los errores que cometemos, y como poder corregirlos. Lástima que esté en inglés. Ver Juicy Studio.
Degradar fondo con CSS
Podemos degradar fondos con CSS, utilizando cualquier color. Aquí os traemos un generador de degradados para fondos hecho en CSS. Ver generador de degradados en CSS
Crear popups con CSS
Podemos crear popups con CSS de forma fácil para mostrar la información que deseemos enseñar pero que al mismo tiempo no tengamos que ir a otra página para verla. Los protagonistas de este truco principalmente son la propiedad overflow, que hace que se muestre el elemento (visible) cuando el cursor se sitúa encima del texto … Lee más!
Un lapiz que dibuja solo con CSS
Una mera curiosidad pero muy llamativa, un lapiz que dibuja una linea hecha totalmente con CSS, nada de imágenes. La línea se dibuja mediante la propiedad overflow y el lapiz mediante la propiedad display: block con una altura y anchura determinada y colores definidos.
Tabla de colores para CSS
A veces viene bien tener a mano una tabla donde elegir el color que deseemos para usarlo en nuestro diseño, sin necesidad de abrir Photoshop. Aquí tenemos una tabla donde podemos elegir un color cualquiera y nos dirá el código de dicho color en 2 tipos distintos (RGB y Hexadecimal). Ver tabla de colores ACTUALIZACIÓN: … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
