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

CSS3 Runda hörn

En av de kändaste CSS3 egenskaperna (eng. properties) är border-radius. Webbdesigners behöver inte längre använda sig av komplexa tabellstrukturer med självgjorda hörngrafik för att producer designer med runda hörn. Använd CSS3 border-radius för att göra dina hörn runda!

Följande kod är genererad med border-radius i CSS3Menu:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;

Här är ett bildexempel från FireFox med “runda hörn”-effekten:

border-radius


“Border-radius” stöds av följande webbläsare: Webkit (från Safari 3+), Opera 10.5, FireFox 3.5.

Se även:
CSS3 Runda hörn, CSS3 Skugga, CSS3 Animation, CSS3 Textskugga, CSS3 Gradient, CSS3 Transition




Nedladdning


CS33 Rundhörngenerator

Rektangulera former är tråkiga. Sedan början av grafiska användargränssnitt, har datorprogrammerare blivit besatta av att producera perfekta runda hörn på skärmen utan att ta upp så mycket av datorns mine.

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.

Du skulle bli förvånad över hur något så simpelt som runda hörn på knappar kan ändra internetanvändarnas uppfattningar av en sida. Navigeringsmenyn är en av de första sakerna människor tittar på när de först besöker en sida, och det intrycket både medvetet och omedvetet påverkar deras kommande beslut. Smidiga, runda hörn kommunicerar vänlighet och tillgänglighet, vilket är viktigt om du vill undvika från att dina besökare lämnar din sida.

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.





Nedladdning