CSS PARA IMÁGENES …

Generador de código CSS gratuito.

Cuando necesitamos crear una imagen (para la web) con alguna forma específica: circular, con forma de estrella, sesgada… tenemos dos opciones:

La primera ( y única que habia hace unos años) sería modificar la foto original con algún programa. Editores de imagenes como: photopea, photoshop, gimp… con estos programas «destruiremos» la foto original para crear esa versión que necesitamos. Ademas deberemos realizar esas modificaciones, en cada una de las fotos que queramos usar. Un trabajo muy laborioso …

La otra opción (la que yo uso y recomiendo) es «modificar la apariencia» de la foto usando CSS. Lo que nos permite SIN DESTRUIR LA FOTO ORIGINAL aplicar ese diseño/estilo a cualquier fotografia de nuestra página web, en segundos!.

Gracias a editores de este tipo podemos crear nuestra forma personalizada en segundos y de forma muy visual y simple. Automaticamente nos dara el código CSS necesario para que podamos copiarlo e incluirlo en nuestro proyecto web… más facil imposible 😉

Desde aqui puedes probarla y empezar a crear tus fotos con formas …