Sticky Footer con CSS
En esta entrada aprenderemos a crear un pie de página que siempre se mueve hacia donde nosotros estamos, es decir, que quede «pegado» a la barra de navegación. Bastante útil para mostrar información que siempre queremos que se visualize, ya que creemos que es información importante o que el lector debería leerla.
Galería de imágenes interactiva con CSS
Una galería interactiva nos permitirá mostrar a nuestros usuarios una pequeña descripción al lado de la imagen cuando situen el cursor encima de dicha imagen. El método para crear esta galería es muy sencillo, su estructura es mediante listas ( ). El código es completamente personalizado, por lo que podremos incluir o eliminar cualquier información … Lee más!
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:
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!
Crear un botón rollover con CSS Sprites
Os mostraremos como crear un botón rollover sin necesidad de usar Javascript, solo con CSS e imagen voluntaria. Lo podemos hacer de varias maneras, aplicando la clase a un enlace, un div o un button:
Crea tus forms con estilo
Los forms (cajas de texto) en cada navegador se ven distinto, así que, ¿Por qué no aplicarle un poco de personalidad?. Simplemente vamos a aplicarle CSS para que parezca más bonito y no cambie según cada navegador. El resultado sería algo parecido a esto: Si no lo puedes ver, aquí va una imagen: El código … Lee más!
Diferencia entre bordes redondeados con CSS2 y CSS3
CSS3 permite muchas más opciones de personalización de imágenes ya incluidas en CSS, usando la propiedad border-radius, sin necesidad de crear el efecto de dicha imagen en Photoshop, lo que facilita y nos ahorra trabajo, a la vez que la web carga mejor (ya que no existen imágenes). Podemos ver la diferencia del potencial de … 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.
