| 123456789101112131415161718192021222324252627282930 |
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 300 300" class="right-top border">
- <symbol id="base" width="150" height="150">
- <polygon
- points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
- fill="#4fd2dd">
- <animate attributeName="fill" values="#4fd2dd;#235fa7;#4fd2dd" dur="0.5s" begin="0s" repeatCount="indefinite">
- </animate>
- </polygon>
- <polygon points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" fill="#235fa7">
- <animate attributeName="fill" values="#235fa7;#4fd2dd;#235fa7" dur="0.5s" begin="0s" repeatCount="indefinite">
- </animate>
- </polygon>
- <polygon points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
- fill="#4fd2dd">
- <animate attributeName="fill" values="#4fd2dd;#235fa7;transparent" dur="1s" begin="0s" repeatCount="indefinite">
- </animate>
- </polygon>
- </symbol>
- <use href="#base" width="150" height="150" />
- <use href="#base" width="150" height="150" x="0" style="
- transform-origin:center center;
- transform:rotateY(180deg);" />
- <use href="#base" width="150" height="150" y="0" style="
- transform-origin:center center;
- transform: rotateX(180deg);" />
- <use href="#base" width="150" height="150" x="0" y="0" style="
- transform-origin:center center;
- transform: rotateX(180deg) rotateY(180deg);" />
- </svg>
|
