Vrid på magisk sätt Photoshop-lager i CSS3 med CSS-hatten

Idag ska jag visa dig ett Photoshop-plugin som syftar till att förbättra ditt arbetsflöde väsentligt. Det heter CSS Hat och det gör dina Photoshop-lager direkt till giltigt CSS3.

Sponsrat innehåll

Detta är en sponsrad recension eller giveaway av en produkt / tjänst som är särskilt relevant för våra läsare.


Screencast


Alternativt kan du ladda ner videoklippet eller prenumerera på webbdesigntuts + skärmdumpar via YouTube

Vidare information

  • Ladda ner: Du kan ta tag i CSS Hat från sin hemsida.
  • Kompatibilitet: CSS Hat är kompatibel med Photoshop CS4 och uppåt, på Mac OS X och Windows.
  • Mindre hatt: ett gäng smarta mindre blandningar.
  • prefix: Glöm att behöva tillgodose flera webbläsare, CSS Hat kommer att prefixa alla dina stilar för dig.
  • CSS Preprocessorer: CSS Hat stöder också utdata för SASS, LESS och Stylus.

Vad kan CSS Hat göra?

CSS-hatten stöder följande skiktegenskaper:

  • Gradient / Solid färg fyllningsskikt
  • Drop Shadow
  • Inre skugga
  • Inre glöd
  • Yttre glöd
  • Opacitet
  • Gradientöverläggning
  • Textlager
  • Färgöverlagring
  • Stroke
  • Border Radius

Panelen…
Hatten…
Processen…