A Pen by Flávio Ribeiro on CodePen.
Created
September 4, 2018 20:03
-
-
Save flavioribeiro/b21b0496b888a09c8ef63a27dff8ae32 to your computer and use it in GitHub Desktop.
LJZNYE
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="container"> | |
<?xml version="1.0" encoding="UTF-8"?> | |
<svg class="svgspin" width="144.95" height="145.52" viewBox="0 0 144.95163 145.52065" xml:space="preserve"><path d="m103.35 4.9101c-1.2018 0.02813-2.3972 0.14176-3.5798 0.32836 5.211 5.1439 8.4467 12.291 8.4467 20.182 0 2.7009-0.92953 7.2764-2.279 12.712-1.2948 5.2152-2.9952 11.1-4.6929 16.411 2.4615 2.7766 4.3887 6.0319 5.6351 9.6209 0.77293 0.16878 1.5697 0.35392 2.3582 0.53323 7.7588-7.2236 15.91-15.636 18.019-19.288 7.4587-12.919 3.0608-29.447-9.8393-36.895-4.4344-2.5602-9.2947-3.7149-14.068-3.6031zm-76.349 40.741c-14.89 0.03204-26.975 12.147-27 27.072-0.0073 6.4028 2.2171 12.281 5.9326 16.908 1.7683-7.2435 6.3518-13.782 13.284-17.805 2.2935-1.3285 6.5976-2.7766 11.848-4.2946 5.0377-1.4564 10.856-2.9017 16.236-4.0821 1.2798-3.7153 3.29-7.0723 5.8709-9.9229-0.20245-0.63581-0.40232-1.2981-0.60404-1.9477-10.093-3.0961-21.374-5.9333-25.568-5.9274zm54.494 59.851c-2.0366 0.46174-4.1387 0.73961-6.3176 0.73961-2.0861 0-4.1141-0.2626-6.078-0.68836-0.29096 0.32226-0.59918 0.65366-0.89549 0.97909 2.2718 10.309 5.3913 21.861 7.4887 25.503 7.4364 12.906 23.932 17.326 36.845 9.8423 5.5432-3.2067 9.5217-8.0794 11.677-13.616-7.0965 2.0167-14.966 1.2753-21.847-2.7054-2.273-1.3156-5.6157-4.3295-9.4846-8.1198-3.7038-3.6286-7.7717-7.9236-11.388-11.935z" fill="#b3b3b3"/><g transform="matrix(.32402 0 0 .32479 321.88 -34.429)" fill="#00aad4"><path d="m-587.67 338.01c-12.534-7.2113-54.257-18.672-88.596-26.055-3.8632-12.148-10.388-23.093-18.887-32.15 10.86-33.567 21.977-75.976 21.977-90.571 0-45.929-37.259-83.231-83.231-83.231-45.972 0-83.231 37.259-83.231 83.231 0 14.466 10.989 56.403 21.763 89.841-8.8854 9.2717-15.667 20.518-19.617 33.052-34.168 7.383-75.247 18.672-87.652 25.841-39.748 23.008-53.355 73.916-30.391 113.75 22.965 39.791 73.873 53.441 113.66 30.476 12.148-6.9967 41.894-37.001 64.816-62.455 6.4816 1.5882 13.264 2.4467 20.217 2.4467 7.2542 0 14.251-0.90142 20.947-2.6184 22.922 25.497 52.797 55.587 64.988 62.627 39.791 22.965 90.7 9.3576 113.66-30.476 23.008-39.834 9.4005-90.743-30.434-113.71zm-169.12 47.088c-26.227 0-47.517-21.248-47.517-47.517 0-26.227 21.248-47.517 47.517-47.517 26.227 0 47.517 21.248 47.517 47.517-0.0429 26.27-21.291 47.517-47.517 47.517z"/><circle cx="-756.8" cy="337.62" r="23.909"/></g></svg> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.svgspin { | |
animation: spin 1s linear infinite; | |
display: block; | |
float: left; | |
width: 150px; | |
transform-origin: 52.7% 51.6%; | |
} | |
@-moz-keyframes spin { | |
100% { | |
-moz-transform: rotate(360deg); | |
} | |
} | |
@-webkit-keyframes spin { | |
100% { | |
-webkit-transform: rotate(360deg); | |
} | |
} | |
@keyframes spin { | |
100% { | |
-webkit-transform: rotate(360deg); | |
transform:rotate(360deg); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment