Photoshop tiene una herramienta muy valiosa y que todos usamos para darle un poco de estilo y efectos a nuestras imágenes, gráficos, textos, etc .. me refiero a los estilos de capa (Layer Styles).
Pues bien existe una web llamada LayerStyles que es similar a la ventana que nos aparece en Photoshop pero lo que nos genera en este caso es un estilo en CSS3.
Esta aplicación online está creada en HTML5, es Open Source y nos permite las siguientes funciones tal y como las tenemos en Photoshop:
- Sombra paralela (Drop Shadow)
- Sombra interior (Inner shadow)
- Fondo (Background)
- Borde (Border)
- Radio del Borde (border-radius)
El resultado una vez elegimos las opciones de sombreado, fondo, etc .. sería un código CSS que podemos copiar para usar en nuestras hojas de estilo.
Una estupenda herramienta a tener en cuenta para facilitarnos la tarea con la hoja de estilos.
ENLACE | DESCARGA |
Web LayerStyles | LayerStyles |
Vía: WebResourcesDepot