CSS generieren im Photoshop Stil

Artikel

CSS-Tipps / Artikel 300 Views

Veröffentlicht am 15. Mai. 2011 von in CSS

Die Ebenenstile in Photoshop erleichtern die Arbeit beim Designen erheblich. Wird für eine Ebene ein Schlagschatten benötigt, kann dieser komfortabel über den gleichnamigen Ebenenstil erstellt werden. In dem dazugehörigen Dialog können Distanz, Weichzeichnung und andere Parameter einfach verändert werden.

Felix Niklas hat sich gedacht, warum nicht einen ähnlich gestallteten Dialog zum generieren von CSS Code erstellen. Was daraus entstanden ist, siehst du hier. Ähnlich wir in Photoshop können verschiedene Attribute über einen Dialog aktiviert und verändert werden. Auch Presets lassen sich erstellen und wiederverwenden, so wie man es auch aus Photoshop kennt.

Ebenenstile zur CSS Generierung

Ebenenstile zur CSS Generierung

Folgende CSS Attribute können generiert werden:

  • drop shadow
  • inner shadow
  • background
  • border
  • border-radius

Diese Webanwendung funktioniert so, wie man es von dem Ebenenstilen von Photoshop her kennt. Definiv ein Tool, dass man sich als Webdesigner mal anschauen sollte.

Comments