CSS Tipps und Tricks, runde Buttons, Schatten, Verläufe

[super-nova]

super-nova hat eine neue Ressource erstellt:

CSS Tipps und Tricks, runde Buttons, Schatten, Verläufe - CSS Tipps und Tricks, runde Buttons, Schatten, Verläufe

In diesem Video möchte ich zeigen, wie man mithilfe von CSS (Cascading Stylesheets) Buttons erzeugen kann, die runde Ecken haben, die einen Schatten werfen und die als Hintergrund einen Verlauf haben. Diese Buttons kann man z.B. auf einer Webseite als Hauptmenü oder ähnliches verwenden. Besonders möchte ich dabei auf die unterschiedliche Syntax für die Abrundungen, die Schatten und den Verlauf bei den einzelnen Browsern eingeben (Opera, Firefox, IE, Chrome)...

Weitere Informationen zu dieser Ressource...

 

[bn]

gutes Tutorial, vielen Dank

 

[loetmann]

Hallo Berthold,
das die Steuerzeichen in der HTML-Seite sichtbar sind ist verwirrend, nicht das ein Anfänger anfängt die mit einzutippeln.

"80" ist nicht 80 sondern #80 (hex) also 128 (dezimal) also 50% grau.

Die Erklärung welcher Tag für welchem Browser lässt sich besser erklären: Du könntest einfach sagen das moz typisch mozilla-Code ist, border-radius ist CSS3, webkit für Browser mit der Webkitengine (Chrome, Safari) und dann gibt es noch -khtml-border-radius: für den Konqueror-Browser unter Linux.
wobei bei allem border-radius der Standard ist und alles andere die Tag der jeweiligen Browserhersteller.
Background-Infos sind immer gut - vor allem versteht man dann warum man alles dreimal eingeben muss.

Ein Link zu den verwendeten css-Tool wäre auch noch gut.

danke & salü