Codecandies

Das Weblog von Nico Brünjes.

CSS 3 Gradients

Einige der neuen CSS3-Funktionalitäten sind ein wenig schwer zu merken, vor allem da man sich hinsichtlich der Syntax bei Webkit und Mozilla noch nicht ganz einige ist. Ein schönes Beispiel sind gradients, für die es sogar noch M$ Filter gibt, den man setzen kann, wenn man das will. Und nur bei linearen Farbverläufen. Einmal zum Mitschreiben:

[syntax,css3-gradient.css,css]

2 Kommentare

  1. Tim Baumann
    16.05.2010, 20:56 Uhr

    Der Firefox nimmt für die Position des Gradients nur ein Argument. Wenn dieses ein Punkt P1 ist, dann zeichnet der Firefox den Verlauf von diesem Punkt zu einem Punkt P2, der durch Punktspiegelung von P1 am Elementmittelpunkt entsteht. Das heißt, wenn P1 “0 0″ ist, dann zeichnet der Firefox einen Gradient von links oben nach rechts unten. Deshalb muss man als erstes Argument im -moz-linear-gradient den besonderen Wert top angeben, wenn man einen Gradient von oben nach unten haben will.

  2. Nico Brünjes
    29.07.2010, 14:50 Uhr

    Noch ein kleines Update:

    »Color is expressed in #AARRGGBB format, where AA is the alpha hexadecimal value, RR is the red hexadecimal value, GG is the green hexadecimal value, and BB is the blue hexadecimal value.«

    http://msdn.microsoft.com/en-us/library/ms532930%28v=VS.85%29.aspx