You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.7 KiB
50 lines
2.7 KiB
2 years ago
|
<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="20px" version="1.1"><defs/>
|
||
|
|
<style>
|
||
|
|
@keyframes svg-rotate {
|
||
|
|
from {
|
||
|
|
transform:rotate(0);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform:rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
rect#autoId_pump_rotate {
|
||
|
|
transform-origin:50% 50%;
|
||
|
|
-webkit-transform-origin:50% 50%;
|
||
|
|
animation:svg-rotate 4s linear infinite;
|
||
|
|
-webkit-animation:svg-rotate 4s linear infinite;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<svg width='100%' height='100%' preserveAspectRatio="xMinYMin meet" viewBox="0 0 100 20" databind="databindHide">
|
||
|
|
<linearGradient id='autoId_vertRotor_pipeGrad' x1='-20%' y1='0%' x2='100%' y2='0%' gradientUnits='objectBoundingBox'>
|
||
|
|
<stop offset='-20%' stop-color='#303030' />
|
||
|
|
<stop offset='40%' stop-color='#D0D0D0' />
|
||
|
|
<stop offset='100%' stop-color='#303030' />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id='autoId_vertRotor_pipeGrad2' x1='-20%' y1='0%' x2='100%' y2='0%' gradientUnits='objectBoundingBox'>
|
||
|
|
<stop offset='-20%' stop-color='#006400' />
|
||
|
|
<stop offset='40%' stop-color='#98FB98' />
|
||
|
|
<stop offset='100%' stop-color='#006400' />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id='autoId_vertRotor_bladeGrad' y1='-20%' x1='0%' y2='100%' x2='0%' gradientUnits='objectBoundingBox'>
|
||
|
|
<stop offset='-20%' stop-color='#303030' />
|
||
|
|
<stop offset='40%' stop-color='#D0D0D0' />
|
||
|
|
<stop offset='100%' stop-color='#303030'/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id='autoId_vertRotor_bladeGrad2' y1='-20%' x1='0%' y2='100%' x2='0%' gradientUnits='objectBoundingBox'>
|
||
|
|
<stop offset='-20%' stop-color='#006400' />
|
||
|
|
<stop offset='40%' stop-color='#98FB98' />
|
||
|
|
<stop offset='100%' stop-color='#006400'/>
|
||
|
|
</linearGradient>
|
||
|
|
<rect x='45%' y='50%' width='10%' height='50%' style="fill: url('#autoId_vertRotor_pipeGrad');" />
|
||
|
|
<g transform="scale(1,0.2) translate(0,40)">
|
||
|
|
<rect id="autoId_pump_rotate" x='0%' y='20%' width='100%' height='60%' rx="20" ry="20" style="fill: url('#autoId_vertRotor_bladeGrad');">
|
||
|
|
<!-- ko if: typeof value != 'undefined' && (!isNaN(parseFloat(value())) && parseFloat(value()) > 0 || (typeof value() === 'boolean' && value())) -->
|
||
|
|
<!--<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 50 10" to="360 50 10" dur="4s" repeatCount="indefinite" />-->
|
||
|
|
<!-- /ko -->
|
||
|
|
</rect>
|
||
|
|
</g>
|
||
|
|
<rect x='45%' y='0%' width='10%' height='50%' style="fill: url('#autoId_vertRotor_pipeGrad');" />
|
||
|
|
</svg>
|
||
|
|
</svg>
|