LayerStyles ist eine großartige Web-App, die das Verhalten der Ebenenstile (Layer Styles) von Photoshop imitiert. Per Schieberegler und Color-Picker lassen sich äußerer sowie innerer Schlagschatten, Hintergrund (Farbe oder Verlauf), Border und Border-Radius intuitiv definieren. Eine Live-Vorschau zeigt die Änderungen direkt an.
Ist man mit dem Ergebnis zufrieden, kann der erzeugte CSS-Code direkt ins eigene Stylesheet übernommen werden.
LayerStyles.org in der Praxis:
Kleiner Wermutstropfen: das von LayerStyles erzeugte CSS ist jeweils nur mit dem Vendor-Prefix des Browsers ausgestattet, mit dem man die App aktuell benutzt. Für den Praxiseinsatz müssen also gegebenenfalls die Präfixe der anderen Browser noch ergänzt werden. Außerdem habe ich noch keine Möglichkeit gefunden, einen Ebenenstil erneut zu bearbeiten, nachdem der “OK”-Button einmal betätigt wurde.
Nichtsdestotrotz ein wunderbares Tool zur visuellen Gestaltung von Buttons und Boxen aller Art.
Pingback: CSS3-Effekte à la Photoshop mit der LayerStyles Web-App | kwer