+ 1
Is we can give direction any object in svg animation ?
If yes than how can.......
1 Answer
+ 1
<!--I change like this, the direction of rotation.-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body{
text-align: center;
padding-top: 10%;
background: #fcfcfc;
}
svg{
animation: girar 2s ease-out infinite;
}
@keyframes girar{
0% {transform: rotate(-360deg);} /*Change for positive*/
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);} /*Change for negative*/
}
</style>
</head>
<body>
<svg width="200" height="200">
<rect width="200" height="200" style="fill:rgb(0,0,200);stroke-width:5;stroke:rgb(211, 100, 13)" />
</svg>
</body>
</html>
Often have questions like this?
Learn more efficiently, for free:
Hot today
Someone can help me
1 Votes
What's wrong with this?
2 Votes
HTML community, HELP!!
1 Votes
I am a super beginner
0 Votes
X velocity
0 Votes
What's doctype htMl
2 Votes
How this program executes?
0 Votes
Pls give me an idea
1 Votes