English Deutsch Español Italiano Русский Svenska 日本語

CSS3 abgerundete Ecken

Eines der berühmtesten CSS3-Eigenschaften ist border-radius. Webdesigner brauchen nicht länger auf komplexe Tabellen-Strukturen mit handgefertigten Eck-Grafiken zurückgreifen um Design mit abgerundeten Ecken zu erstellen. Benutzen Sie CSS3 border-radius um Ihre Ecken abzurunden!

Der folgende Code wird für border-radius in CSS3Menu generiert:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;

Hier ist ein Schnappschuss von Firefox mit dem abgerundeten Ecken-Effekt:

border-radius


Border-radius wird von folgenden Browsern unterstützt: Webkit (ab Safari 3+), Opera 10.5, Firefox 3.5.

Sehen Sie auch:
CSS3 abgerundete Ecken, CSS3 Schatten, CSS3 Animationen, CSS3 Textschatten, CSS3 Gradient, CSS3 Übergang




Download



Generator für CSS3 abgerundete Ecken

Rechteckige Formen sind langweilig. Seit dem es grafische Benutzeroberflächen gibt, sind Programmierer davon besessen, perfekt abgerundete Ecken auf Bildschirmen zu produzieren, ohne unnötig viel Speicherplatz zu verbrauchen. Das Problem gibt es seit mehreren Jahrzehnten nicht mehr wirklich, aufgrund von Programmen, die glatte, abgerundete Ecken auf verschiedenen Objekten darstellen können, aber es hat mehrere Jahre gedauert, die gleiche Funktionalität für Internet-Browser bereitzustellen.

border-radius


Sie wären überrascht, wie sehr etwas Kleines wie abgerundete Ecken auf Schaltflächen den Eindruck einer Seite bei einem Besucher ändern kann. Das Navigations-Menü ist eines der ersten Dinge, die Besucher betrachten, wenn sie eine Webseite besuchen, und der Eindruck dieses beeinflusst unbewusst und bewusst ihre weiteren Entscheidungen. Glatte, abgerundete Ecken vermitteln Freundlichkeit und Zugänglichkeit, was sehr wichtig ist, wenn Sie Ihre neuen Besucher davon abhalten wollen, Ihre Seite zu verlassen.

Ein beliebter Weg abgerundete Ecken für Schaltflächen und andere Webseiten-Elemente zu bekommen, war der Einsatz von Bildern. Das ab Webdesignern volle Kontrolle darüber, wie diese Objekte auf Webseiten aussehen würden und sie konnten die Erscheinung mit höchster Präzision, also pixelgenau, bearbeiten. Es war aber auch ein umständlicher Weg das zu handhaben, und wurde hauptsächlich verwendet, weil es keine Alternative gab. Nun gibt es aber eine Alternative. Der Generator CSS3 Menu für abgerundete Ecken hat viele anpassbare Optionen neben seiner Hauptfunktion. Beispielsweise erlaubt er die separate Anpassung des Radius jeder Ecke. Abgesehen von den selbstverständlichen Farb- und Rahmenbreiten-Einstellungen, ist es möglich zusätzliche Effekte, wie bei anderen CSS3 Objekten auch, hinzuzufügen, angefangen von einem einfachen Schatten bis zu Animationen.

Ihr Webseiten-Navigations-Menü wird stark von abgerundeten Ecken auf Schaltflächen, Untermenüs und Sektionen profitieren. Leider kann es sehr aufwendig sein, die richtigen Einstellungen nur aufgrund von CSS3-Code einzustellen, selbst wenn man sich gut damit auskennt. Sie können mehrere Online-Ressourcen konsultieren, die es Ihnen erlauben den Generator für abgerundete Ecken zu betrachten und verschiedene Einstellungen ausprobieren oder eine fortschrittliche Software benutzen, die sich um alle Funktionen kümmert, die in CSS3 enthalten sind, und ein Vermögen kostet.

Ein freundliches und effektives Navigationsmenü, kombiniert mit Simplizität und Stil vom Generator für abgerundete Ecken werden Ihre Webseite auf gute Weise von der Menge abheben.





Download