diff --git a/index.html b/index.html index adededc..0a3ddd1 100644 --- a/index.html +++ b/index.html @@ -303,6 +303,33 @@ width: 14rem; } + .spinner { + animation: Rotate 2.4s both infinite linear; +} +.path { + animation: DrawLine 1.6s both infinite alternate linear; + fill: none; + stroke: #000; + stroke-width: 50; +} +@keyframes Rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes DrawLine { + 0% { + stroke-dasharray: 0 126; + } + 100% { + stroke-dasharray: 126 126; + } +} + + /*________________________________________________________________________________________________________________________________*/ /*MEDIAQUERIES*/ @@ -382,7 +409,59 @@ -->