But what if, and here me out here...it spun?
This commit is contained in:
@ -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"
|
||||
|
||||
Reference in New Issue
Block a user