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 generierenbox-shadow
Box Shadow macht es möglich, dass der Rahmen eines Elements einen kleinen Schatten bekommt.
box-shadow generierenbox-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 generierenGradients
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 generierenOutline
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 generierenRGBA
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 generierentext-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 generierentransform
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 generierentransitions
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 generierenmultiple-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 generierenbox-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
Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.
Über uns
Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project