Programmiererforum

  



< /code>
und es wird wie folgt verwiesen: < /p>
  

html,
body,
svg {
height: 100%;
}

/* With a touch of CSS for browsers who *
* implemented the r Geometry Property. */

@keyframes openYourHeart {
from {
r: 0;
}
to {
r: 60px;
}
}

#myClip circle {
animation: openYourHeart 15s infinite;
}< /code>

Die Demo, die Mozilla für Clip -Pfad hat (auch unten als Referenz enthalten), sagt: < /p>

Nur der Teil des roten Herzens im Clip -Kreis ist sichtbar.[code]



< /code>
und es wird wie folgt verwiesen: < /p>


[/code]
Wenn wir uns jetzt die Demo ansehen, die den Kreisradius von 0 bis 60px animiert, schließt das Herz den Kreis ab, anstatt das Herz zu dem Herzen, was das Demo beschreibt (sagt, dass die Demos -Intention ist). />
[code]html,
body,
svg {
height: 100%;
}

/* With a touch of CSS for browsers who *
* implemented the r Geometry Property. */

@keyframes openYourHeart {
from {
r: 0;
}
to {
r: 60px;
}
}

#myClip circle {
animation: openYourHeart 15s infinite;
}< /code>











[/code]