New course! Every coder should learn Generative AI!
Try a free lesson0
Why my code eye is not moving
Hello freind i want to move the black part of eye with svg animation will you please help me or explain 😊 https://code.sololearn.com/WFon6K49Jl0L/?ref=app
1 Answer
+ 2
<!DOCTYPE html>
<meta charset="utf-8"></meta>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<title>Page Title</title>
</head>
<body>
<h1>Practice</h1>
<svg width="100%" height="2000">
<circle cx="90" cy="100" r="50" fill="#f2f2f2"></circle>
<circle cx="90" cy="100" r="20" fill="#3f3f3f">
<animate attributeName="cx" from="90" to="100" dur="3s" fill="freeze" repeatcount="2"/>
</circle>
<circle cx="250" cy="100" r="50" fill="#f2f2f2"></circle>
<circle cx="250" cy="100" r="20" fill="#3f3f3f">
<animate attributeName="cx" from="250" to="240" dur="3s" fill="freeze" repeatcount="2"/>
</circle>
<circle cx="170" cy ="270" r="60" fill="orange"></circle></svg>
</svg>
</body>
</html>
Often have questions like this?
Learn more efficiently, for free:
