Portadacss sprites

Animación con CSS Sprites y steps()

CSS ha evolucionado exponencialmente a lo largo de los años. Pasamos de diseñar con tablas y elementos feos e incómodos a crear de forma fácil sombras, bordes redondeados, tipografías personalizadas, diseñar la barra de scroll e incluso crear animaciones con CSS Sprites, como os voy a enseñar en este artículo. Aunque, en vez de lograr … Lee más!

sin miniatura

Pajarita de papel con CSS

Román Cortés, el creador de Homer CSS, Pacman en CSS y Meninas 3D en CSS, nos ha querido deleitar con otra de sus creaciones. Esta vez se trata de una pajarita de papel que, dependiendo de la posición de las barras de desplazamiento, muestra distintos grados de iluminación, mostrando de una en una (CSS Sprites). … Lee más!

sin miniatura

Generador de CSS Sprites automáticos, CSS-sprit.es

Podemos aprender la técnica CSS Sprites, pero, también existen herramientas que nos hacen la vida más sencilla. CSS-sprit.es es una aplicación online con la que podréis automatizar el proceso de generación de CSS Sprites, de una manera cómoda y sencilla. Recordamos que usar CSS Sprites nos será útil para reducir las peticiones HTTP y reducir … Lee más!

sin miniatura

Galería con efecto de escala de grises mediante CSS y JQuery

Mediante CSS Sprites y JQuery podemos crear un efecto al aplicar :hover (posicionar el cursor encima) de un bloque, dándole a este una cambio de colores a escala de grises, como dice Sohtanaka. Esto puede resultar útil en portafolios, pero no recomiendo usarlo en proyectos grandes.

sin miniatura

Distintos métodos para utilizar CSS Sprites

A lo largo del blog hemos escrito varias entradas explicando fundamentos relacionados con CSS Sprites (qué es CSS Sprites, cómo se usa y algunos ejemplos de su uso). Solo queremos hacer un listado de las entradas donde hacemos uso de CSS Sprites, ya que al principio no se indicó correctamente que se estaba usando CSS … Lee más!

sin miniatura

Vídeo: Cómo usar CSS Sprites

Seguro que muchas veces os habéis preguntado que son los CSS Sprites. Es una técnica para poder agrupar varias imágenes en una sola, pero de mayor tamaño, para luego poder hacer rollover o irlas viendo por separado aunque estén en una misma imagen, usando la propiedad background-position. En este vídeo se muestra el uso de … Lee más!

1
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.