Las imágenes son una parte muy importante de cualquier sitio web. Utilizando CSS puro y unas cuantas prácticas herramientas, puedes manipular facilmente imágenes y crear efectos alucinantes. En este artÃculo te listamos 10 librerÃas de CSS gratuitas, generadores y técnicas para todas tus necesidades para con las imágenes en la web.
CSSGram
Seguramente en tu cuenta de Instagram utilices los distintos filtros que te ofrece la plataforma, ¿verdad? Si la respuesta es afirmativa, sin duda alguna, disfrutarás de CSSGram, una librerÃa que replica los filtros que podemos encontrar en Instagram mediante CSS puro.
HUE.css
Hubo un tiempo en que la mayorÃa de los sitios web utilizaban una imagen enorme como fondo, lo que provocaba que los sitios web fueran lentos y estuviesen mal optimizados. Gracias a CSS3, esta técnica se ha quedado ya obsoleta.
HUE.css es un paquete enorme con 49 degradados fotorrealistas que puedes utilizar como background en cualquier parte de tu sitio web.
iHover
iHover es una librerÃa impresionante de efectos hover (más de 20 efectos diferentes) desarrollados mediante CSS3 puro. Además, por si fuera poco, funciona perfectamente con Bootstrap 3.
CSS Image Hover Effects
Un artÃculo extenso con los efectos hover de CSS para imágenes más comunes, que puedes simplemente probar, copiar y pegar en tu propio sitio web.
CSSCO
Al igual que CSSGram, CSSCO es una librerÃa con muchos filtros preciosistas para tus imágenes. Es gratis, sencilla de utilizar y los filtros, personalmente, me parecen super bellos, asà que debes probarla si aún no lo has hecho.
Centrar y recortar miniaturas con CSS
Una técnica muy práctica para centrar y recortar miniaturas de tamaños irregulares dentro de un contenedor de forma cuadrada. Un método super útil que no está de más aprender para poder utilizarla en tus distintos proyectos.
Clippy
Clippy es una herramienta online gratuita que te permite recortar imágenes de forma visual y obtener el código CSS necesario para que puedas utilizar el recorte en tus propios proyectos. Hay disponibles más de 25 formas de recorte.
Colorfilter.css
Colorfilter.css es una pequeña librerÃa que te permite crear hermosas imágenes duotono. Una genial manera de liberar tu creatividad al diseñar un nuevo sitio web.
CSS Filter
Una herramienta super práctica que te permite mostrar una imagen de tu elección, jugar con ella mediante los filtros disponibles en la plataforma y exportar el código CSS para que puedas utilizarlo en tus proyectos.
Sassy Filters
Recientemente, en otro artÃculo, he listado el hecho de utilizar SASS como un buen método para tener un CSS mantenible. Si has empezado a utilizar un preprocesador, Sassy Filters es para ti. Es un conjunto de filtros CSS-SVG configurables diseñados para ser utilizados con Sass.
Fuente: catswhocode.com