Webkit-Gradient-syntax

Die ich gelesen habe über die -webkit-gradient Eigentum und ich verstehe es nicht.

Radial:

-webkit-gradient(radial, 105 105, 20, 112 120, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)),

Was bedeutet 105 105, 20, 112 120, 50 bedeuten?

Linear:

background: -webkit-gradient(linear, 40 50, 50 50, color-stop(0.0, yellow),
            color-stop(0.5, orange), color-stop(1.0, red));

Was bedeutet 40 50, 50 50 bedeuten?

InformationsquelleAutor kingdom | 2010-06-18
  1. 6

    Webkit gradient Dokumentation

    Für einen radialen Farbverlauf, die ersten beiden Argumente stellen eine start-Kreis mit Ursprung (x0, y0) und radius r0, und die nächsten beiden Argumente stellen eine Ende Kreis, der Ursprung (x1, y1) und radius r1.

    Also für radial: "105 105, 20, 112 120, 50", es ist ein Kreis auf 105px Links und 105px Spitze mit einem radius von 20px und endet an einem Kreis 112px Links und 120px Spitze mit einem radius von 50px;

    Für linear: "40 50, 50 50", beginnen Sie am 40px left 50px oben, und weiter, um 50px nach Links 50px top.

    • Sind webkit-Gradienten kompatibel mit IE?
    • NÖ. IE ist kein WebKit-browser.
    InformationsquelleAutor desertwebdesigns
Schreibe einen Kommentar