0251 / 590 837 15

CSS Generator: Dein Weg, zu einem perfekten Design.

Der CSS3 Generator bietet einem die Möglichkeit, die gewünschten Einstellungen in einer Vorschau zu sehen und den benötigten Quellcode zu erhalten.

border-radius

Mit Border Radius besteht für den Entwickler die Möglichkeit, sämtliche Ecken eines Elements abzurunden. Somit können Boxen wie die Beispiel-Box entstehen.

border-radius generieren

box-shadow

Box Shadow macht es möglich, dass der Rahmen eines Elements einen kleinen Schatten bekommt.

box-shadow generieren

box-sizing

Bekommt ein Element nachträglich einen Border (Rahmen) oder ein Padding, kann es zu einem Fehler im Layout kommen. Mit Box-Sizing kann diesem Problem entgegen gewirkt werden.

box-sizing generieren

Gradients

Gradients. Eine Funktion, die sehr viele Bildbearbeitungen hinfällig werden lässt, da mit Gradients (in Deutsch Farbverlauf) ein Farbverlauf in CSS erzeugt werden kann. Der CSS3 Generator berücksichtigt dieses.

gradients generieren

Outline

Mit der Funktion Outline kann der Entwickler um ein Element einen Rahmen setzen, ohne das dieser wie ein normaler Border das Element vergrößert. Weiterer Vorteil von dieser Funktion ist, dass sich der Rahmen über andere Elemente rübersetzt und somit kein Layout zerstören kann.

outline generieren

RGBA

RGBA (Rot-Grün-Blau-Alpha-Channel). Ein Hex-Code für eine Farbe ist kein Problem, aber es geht noch besser. Denn mit RGBA hat ein Entwickler die Möglichkeit, von der Farbe die Transparents einzustellen, wodurch durchsichtige Farben erzeugt werde können.

RGBA generieren

text-shadow

Hinter einen Text einen Schatten zu legen, ist für bestimmte Fälle eine hilfreiche Sache. Daher ist es mit Text-Shadow ganz einfach möglich einen Text Schatten zu erzeugen, welcher mit einer individuellen Farbe hinterlegt werden kann.

text-shadow generieren

transform

Gerade kann Jeder. Hier kommt Transform. Transform bietet dem Entwickler eine neue und daher auch sehr einfache Art der Gestaltung, da hier Elemente jeglicher Art gedreht weden können. So können schöne neue Layouts entstehen, die sich von allem schlichtem und geradem abheben.

transform generieren

transitions

Mit der neuen Funktion Transitions wird dieser Hovereffekt nach individuellen Vorgaben ausgeführt. Wird eine neue Schriftfarbe als Effekt gewählt, wird diese langsam eingeblendet.

transitions generieren

multiple-columns

Multiple Columns. Diese Funktion erlaubt es dem Entwickler seinen Text der innerhalb eines Elements steht, vollkommen neu zu formatieren. Somit kann aus einem 400px breitem Text z. B. ein in 3 Spalten geteilter Text entstehen.

multiple-columns generieren

box-resize

Durch Box Resize hat der User die Möglichkeit die Größe der Elemente selbst zu bestimmen. Denn das Element kann so groß bzw. klein geschoben werden, wie der Entwickler es erlaubt. Der CSS3 Generator bietet Ihnen drei verschiedene Resizing Möglichkeiten.

box-resize generieren