But what if, and here me out here...it spun?

This commit is contained in:
Madison Scott-Clary
2019-08-27 19:03:13 -07:00
parent ef27630f07
commit 3fc7a0b662

View File

@ -20,6 +20,30 @@ svg {
stroke: currentColor;
stroke-width: 5px;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#sept1 {
transform-origin: 105px 137.6px;
animation-name: spin;
animation-duration: 49s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-timing-function: linear;
}
#sept2 {
transform-origin: 105px 137.6px;
animation-name: spin;
animation-duration: 21s;
animation-iteration-count: infinite;
animation-direction: reverse;
animation-timing-function: linear;
}
</style>
<g transform="scale(2)">
<rect x="0" y="0" width="350" height="350" />
@ -76,6 +100,7 @@ svg {
<g
id="layer1"
transform="translate(90, 55) scale(0.8)">
<g id="sept1">
<g
id="g1005"
transform="matrix(0,-0.26458333,0.26458333,0,-27.214285,260.42128)">
@ -106,6 +131,8 @@ svg {
d="M 930.613,500 360.631,954.545" />
</g>
</g>
</g>
<g id="sept2">
<g
id="g1235"
transform="matrix(0,-0.23151041,0.23151041,0,-10.677827,244.29942)">
@ -136,6 +163,7 @@ svg {
d="M 930.613,500 44.315,702.292" />
</g>
</g>
</g>
<ellipse
style="stroke-width:0.89350718"
id="circle4939"