sin miniatura

Popup de información en CSS

Algunas veces, con un enlace hacia una página no nos basta, y queremos que este enlace lleve algo de información. Se puede usar el atributo title=””, para hacer esto, pero, ¿no es más moderno utilizar CSS? Aquí aprenderemos a crear títulos para nuestros enlaces de forma vistosa, como véis en la imagen que ilustra el … Lee más!

sin miniatura

Crear Acordeon en CSS

Podemos crear un sencillo acordeón en CSS, que al pasar por encima se muestre, (se despliege), y si quitamos el cursor, vuelva a contraerse. Debemos seguir estos pasos:

sin miniatura

LightBox en CSS puro

Una manera sencilla de crear un lightbox para mostrar nuestras imágenes redimensionadas, de forma sencilla, y solo mediante CSS. Pasos a seguir:

sin miniatura

Crear mapa de imágenes estilo Flickr con CSS

En unos sencillos pasos podremos crear un mapa de imágenes parecido al que usa Flickr, que nos permitirá “etiquetar” nuestras imágenes al pasar el ratón por encima. Pasos a seguir:

sin miniatura

Crear un borde “inline” a una imagen mediante CSS

Para crear un borde inline(interior) a una imagen con CSS, tendremos que seguir estos pasos: En el código HTML, ponemos este div, llamando al estilo que luego definiremos en CSS: Después, vamos a crear el código CSS al que llama el div: Si deseamos hacerlo con otras imágenes, tendremos que insertar esto en el div … Lee más!

sin miniatura

Añadir un icono de “cargando” en tus imágenes con CSS

Algunas imágenes tardan en cargar mucho, tanto que el visitante empieza a perder la paciencia y acaba por irse (Sobre todo si tiene una baja velocidad de conexión). Así que, para evitar esto, aquí os mostramos un truco con el que podremos añadir un icono de cargando (que puede ser personalizado por nosotros mismos) a … Lee más!

sin miniatura

Crear barra animada en CSS

Una técnica muy sencilla para crear barras de progreso animadas, utilizando solamente 3 elementos, un contenedor y 2 elementos anidados. Es muy fácil personalizarla, y utilizarlas en nuestros proyectos. Ver demo de la barra animada Descargar la barra animada Más información Vía | Xybernéticos

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.