感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="0" y="0" width="120" height="120" style="fill:green">
<animate attributeType="CSS" attributeName="opacity" from="1" to="0" dur="6s" repeatCount="indefinite" />
</rect>
<path d="M10,110 A120,120 -45 0,1 110 10 A120,120 -45 0,1 10,110"
stroke="lightgrey" stroke-width="2" fill="none" id="theMotionPath">
</path>
<circle cx=10 cy=110 r=3 fill= blue />
<circle cx=110 cy=10 r=3 fill= blue />
<circle cx="" cy="" r="5" fill="red">
<animateMotion dur="6s" repeatCount="indefinite">
<mpath xlink:href="#theMotionPath"/>
</animateMotion>
</circle>
</svg>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……