Infos & Tipps für Webworker und Seitenbetreibende

Styles mit dem CSS3 Generator erstellen

Um Texte & Co. mit CSS3 „aufzupeppen“, bietet u.A.
der CSS3 Generator verschiedene Auswahlmöglichkeiten dafür.

CSS3 Generator

CSS3 Generator


 
Den entsprechenden Style im Generator auswählen:

css3-generator-auswahl

CSS3 Generator Auswahl

In diesem Beispiel ist „Border Radius“ ausgewählt.
 
Die Frage, ob die Ecken gleichmäßig abgerundet erschein sollen, ist hier verneint.

css3-generator-rounded

Ecken gleichmäßig abrunden ?


 
Eventuelle Änderungen der Werte werden in der Vorschau (Preview Area) dargestellt:

css3-generator-border-radius-vorschau

"border-radius" Vorschau

In die Felder „Top Left – Bottom Left“ (die Ecken) den gewünschten Wert der Abrundung in Pixeln (Erläuterung Maßeinheiten) eintragen.
 
Zeigt das Vorschaufenster alles wie gewünscht an, den Code kopieren und in der jeweiligen CSS-Datei einfügen.

Wird der Mauszeiger über das jeweilige angezeigte Browser-Icon bewegt, wird angezeigt, ob und ab welcher Version des Browsers der ausgewählte Style unterstützt wird.

Browserkompatibel

Browserkompatibel

Auf den Seiten hier findest Du Informationen & Tipps zu Webmaster-Themen.

Webschau bei Twitter | Google Plus

Ähnliche Artikel:

  1. Mit CSS3 Maker verschiedene Codes erzeugen
  2. Farbverlauf mit dem CSS-Gradient Generator erstellen
  3. CSS3 Buttons einbinden
  4. 15 CSS3 Buttons & Code

1 Kommentar

  1. Much appreciated for the information and share!

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Sitemap