Portada » CSS Avanzado » CSS Hacks » Página 6

sin miniatura

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.

sin miniatura

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!

sin miniatura

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:

sin miniatura

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!

sin miniatura

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:

sin miniatura

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!

sin miniatura

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!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.