CSS3 Button Maker 1
CSS3 Button Generator
Mit dem CSS3 Button Generator lassen sich gut aussehende CSS3 Buttons in wenigen Minuten erstellen und das ganz ohne den Einsatz von Grafiken.
Im Feld “My Button” wird die Beschriftung des Buttons angelegt. Die Buttongröße wird automatisch der Länge des Textes angepasst.
Im nächsten Schritt gibt man die Schriftgrösse und die Schriftart an.
Über Schieberegler können Größe, Rundungen etc. eingestellt werden. Über Colorpicker können eigene Farben definiert werden.
Alternativ kann man unter “Default Palettes” auf gut abgestimmte, vorgefertigte Paletten zugreifen.
Ist man mit dem Ergebnis, welches im Vorschaufenster angezeigt wird zufrieden, genügt ein Anklicken des Buttons und das zum Button gehörende CSS und ein Beispielaufruf wird in dem Textfeld angezeigt und kann dann mittels Cut & Paste angezeigt werden. Die Buttons unserer Suchfunktion und unter dem Kommentarfeld sind mit diesem Generator hergestellt worden. Hinweis: border-radius funktioniert nicht in älteren IE Browsern.
Sehr cooles Tool. Habe mit ein paar CSS3 Buttons gemacht. Geht wirklich kinderleicht und das Beste, ganz ohne Grafik!
border-radius doesnt work in ie7 and ie8 . is there a nice work around for this problem?
There are some hacks to make border-radius work (simulation) in older IE Browsers. Take a look into this solution:
http://dimox.net/cross-browser-border-radius-rounded-corners/
Pingback: Zwei CSS3 Online Button Generatoren bei Blogging Inside « CSS3 Guru
Pingback: Weiterlesen jetzt auf Knopfdruck und per CSS | Sylvis Blog
Kann mir jemand sagen, wo genau ich den erstellten Code in meinem HTML Gerüst einfügen soll?
Danke!!!
Der CSS Code wird in das Stylesheet eingebunden. Das Button wird über den Beispiel-Code der unter dem Vorschau-Button in der Textzeile zu sehen ist in die HTML-Seite eingebaut..
Super Tool. Selbst das CSS für Internet Explorer wird berücksichtigt, was die anderen Generatoren nicht haben. Gefällt mir ;-)