morph-clock.svg 2.37 KB
Newer Older
f3brysan committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60" xml:space="preserve" data-animoptions="{'duration':'0.6'}">
	<g class="lievo-main">
		<g class="lievo-morphstartstate">
			<g class="lievo-common">
				<circle transform="rotate(-90, 30, 30)" fill="#FDE3A7" stroke="#932210" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="31" cy="31" r="23"/>
				<line class="lievo-altstroke lievo-solidbg" fill="none" stroke="#303030" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="31" y1="31" x2="44" y2="31" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'+=120',
									'svgOrigin':'31 31',
									'force3D':'true'
								}
							}
						]
					}
				"/>
				<line class="lievo-altstroke lievo-solidbg" fill="none" stroke="#303030" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="31" y1="31" x2="31" y2="14" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'+=1440',
									'svgOrigin':'31 31',
									'force3D':'true'
								}
							}
						]
					}
				"/>
			</g>
		</g>

		<g class="lievo-morphendstate">
			<g class="lievo-common">
				<circle transform="rotate(-90, 30, 30)" fill="#FDE3A7" stroke="#932210" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="31" cy="31" r="23"/>
				<line class="lievo-altstroke lievo-solidbg" transform="matrix(-0.49999, 0.86602, -0.86602, -0.49999, 73.3468, 19.6532)" fill="none" stroke="#303030" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="31" y1="31" x2="44" y2="31" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'-=120',
									'svgOrigin':'31 31',
									'force3D':'true'
								}
							}
						]
					}
				"/>
				<line class="lievo-altstroke lievo-solidbg" fill="none" stroke="#303030" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="31" y1="31" x2="31" y2="14" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'-=1440',
									'svgOrigin':'31 31',
									'force3D':'true'
								}
							}
						]
					}
				"/>
			</g>
		</g>
	</g>
</svg>