Verander op magische wijze Photoshop-lagen in CSS3 met CSS-hoed

Vandaag laat ik je een Photoshop-plug-in zien die tot doel heeft je workflow enorm te verbeteren. Het wordt CSS Hat genoemd en het verandert je Photoshop-lagen direct in geldige CSS3.

Gesponsorde inhoud

Dit is een gesponsorde beoordeling of weggeefactie van een product / service die met name relevant is voor onze lezers.


De Screencast


Of download de video of abonneer je op Webdesigntuts + screencasts via YouTube

Verdere informatie

  • Download: Je kunt CSS Hat van de startpagina halen.
  • Compatibiliteit: CSS Hat is compatibel met Photoshop CS4 en hoger, op Mac OS X en Windows.
  • LESS Hat: een stel slimme MINDER-mixins.
  • voorvoegsels: Vergeet niet dat u voor meerdere browserverkopers moet zorgen, CSS Hat zal al uw stijlen voor u prefixen.
  • CSS Preprocessors: CSS Hat ondersteunt ook uitvoer voor SASS, LESS en Stylus.

Wat kan CSS Hat doen?

CSS Hat ondersteunt de volgende laageigenschappen:

  • Verloop / effen kleurvullaag
  • Slagschaduw
  • Innerlijke schaduw
  • Innerlijke gloed
  • Outer Glow
  • ondoorzichtigheid
  • Overlay met kleurovergang
  • Tekstlagen
  • Kleurbedekking
  • Beroerte
  • Grensradius

Het paneel ...
De hoed…
Het proces…