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.
26 lines
2.5 KiB
26 lines
2.5 KiB
<svg width="80px" height="80px" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 500 500" preserveAspectRatio="xMidYMid" class="lds-stripe" style="background: rgb(254, 250, 199) none repeat scroll 0% 0%;">
|
|
<defs>
|
|
<pattern id="blah" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
|
|
<g transform="translate(7.8 0)">
|
|
<g transform="rotate(20 50 50) scale(1.2)">
|
|
<rect x="-20" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="-10" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="0" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="10" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="20" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="30" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="40" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="50" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="60" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="70" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="80" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="90" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#ffffcb"></rect>
|
|
<rect x="100" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
<rect x="110" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="orange"></rect>
|
|
</g>
|
|
<animateTransform attributeName="transform" type="translate" values="0 0;26 0" keyTimes="0;1" ng-attr-dur="{{config.speed}}s" repeatCount="indefinite" dur="1s"></animateTransform>
|
|
</g>
|
|
</pattern>
|
|
</defs>
|
|
<rect ng-attr-rx="{{config.r}}" ng-attr-ry="{{config.r}}" ng-attr-x="{{config.x}}" ng-attr-y="{{config.y}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-width="{{config.strokeWidth}}" ng-attr-width="{{config.width}}" ng-attr-height="{{config.height}}" fill="url(#blah)" rx="15" ry="15" x="5" y="36" stroke="orange" stroke-width="5" width="90" height="28"></rect>
|
|
</svg>
|
