Ist es möglich, CSS3-Verläufe für die Gestaltung der Fülleigenschaft zu verwenden?
Ich weiß, dass SVG ihre eigenen Gradienten bietet. Aber die ideale Lösung für mich wäre:
%Vor%Als ich versuchte, SVG-Verläufe zu verwenden, blieb ich stecken, als ich versuchte, das Style-Attribut in ein externes Stylesheet zu extrahieren. Es schien, dass fill: url (#linearGradientXYZ) nicht funktionierte, da der Gradient in der .svg-Datei definiert wurde.
Nein, es ist noch nicht möglich, CSS3-Verläufe für die Eigenschaft fill zu verwenden. Die gute Nachricht ist jedoch, dass sie von den CSS- und SVG-Arbeitsgruppen diskutiert wird und SVG.next von CSS3-Bildwerten abhängt (die die CSS-Gradientensyntax definieren). Siehe Ссылка .
Beachten Sie, dass die Basis-URL für das fill:url(...) standardmäßig die Datei ist, die diese Regel enthält. Wenn Sie also fill:url(#linearGradientXYZ) in ein externes Stylesheet verschieben möchten, denken Sie daran, den vollständigen Pfad zu der Datei hinzuzufügen, die diese Farbverlaufsdefinition enthält, z. fill:url(../images/gradients.svg#linearGradientXYZ) .