Convierta mágicamente las capas de Photoshop en CSS3 con CSS Hat

Hoy voy a mostrarte un complemento de Photoshop que tiene como objetivo mejorar enormemente tu flujo de trabajo. Se llama CSS Hat y convierte sus capas de Photoshop directamente en CSS3 válido..

Contenido Patrocinado

Esta es una revisión patrocinada o un regalo de un producto / servicio que es particularmente relevante para nuestros lectores..


El screencast


Alternativamente, descargue el video o suscríbase a Webdesigntuts + screencasts a través de YouTube

Más información

  • Descargar: Puedes tomar CSS Hat desde su página de inicio.
  • Compatibilidad: CSS Hat es compatible con Photoshop CS4 y versiones posteriores, en Mac OS X y Windows.
  • LESS Hat: Un manojo de mixins inteligentes LESS.
  • Prefijos: Olvídese de tener que atender a múltiples proveedores de navegador, CSS Hat prefijará todos sus estilos para usted.
  • Preprocesadores CSS: CSS Hat también admite la salida para SASS, LESS y Stylus.

¿Qué puede hacer CSS Hat??

CSS Hat admite las siguientes propiedades de capa:

  • Gradiente / capa de relleno de color sólido
  • Sombra paralela
  • Sombra interior
  • Brillo interior
  • Brillo externo
  • Opacidad
  • Gradiente de superposición
  • Capas de texto
  • Superposición de color
  • Carrera
  • Radio de la frontera

El panel…
El sombrero…
El proceso…