css3generator.de dein Weg, zu einem perfekten Design.
CSS3 - Cascading Style Sheet der dritten Generation ist nun im Kommen. Somit wird es für jeden Webmaster Zeit, die wichtigsten neuen Funktionen kennen zu lernen und am Besten auch zu benutzen. 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.
Box Shadow macht es möglich, dass der Border eines Elements einen kleinen Verlauf bekommt.
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.
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.
Leider ist diese doch sehr schöne Funktion nicht für alle Browser verfügbar und sollte unter Umständen mit bedacht angewendet werden.
Der CSS3 Generator berücksichtigt dieses.
Der CSS3 Generator berücksichtigt dieses.
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.
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.
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.
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.
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.
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.
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.
Resizing Möglichkeiten.
