Advertisement
  1. Web Design
  2. HTML/CSS

transformer d'une manière magique vos couches Photoshop en CSS3 avec CSS Hat

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Aujourd'hui, je vais vous montrer un plugin de Photoshop qui vise à améliorer grandement votre flux de travail. Il s'appelle CSS Hat et transforme vos calques de Photoshop directement en CSS3 valide.

Contenu sponsorisé

Ceci est une revue sponsorisée ou un cadeau d'un produit / service qui est particulièrement pertinent pour nos lecteurs.


Le Screencast


Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via YouTube

Informations Supplémentaires

  • Téléchargement: Vous pouvez récupérer CSS Hat depuis sa page d'accueil.
  • Compatibilité: CSS Hat est compatible avec Photoshop CS4 et les versions ultérieures, sur Mac OS X et Windows.
  • LESS Hat: Un tas de mixins intelligents LESS.
  • Préfixes: oubliez d'avoir répondre à plusieurs fournisseurs de navigateurs, CSS Hat préfixera tous vos styles pour vous.
  • Préprocesseurs CSS: CSS Hat prend également en charge la sortie pour SASS, LESS et Stylus.

Que peut faire CSS Hat?

CSS Hat supporte les propriétés de calque suivantes:

  • Dégradé / Couche couleur de remplissage unie
  • Ombre portée
  • Ombre intérieure
  • Lueur intérieure
  • Lueur externe
  • Opacité
  • Incrustation en dégradé
  • Couches de Texte
  • Superposition de Couleurs
  • Stroke
  • Rayon de la frontière
csshat-panelcsshat-panelcsshat-panel
Le panel..
csshat-screenshot-1csshat-screenshot-1csshat-screenshot-1
Le Hat...
csshat-screenshot-2csshat-screenshot-2csshat-screenshot-2
Le processus...
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.