@import url("https://fonts.googleapis.com/css2?family=Philosopher&display=swap");
svg {
font-family: "Philosopher", sans-serif;
width: 100%; height: 100%;
}
svg text {
animation: stroke 8s infinite alternate;
stroke-width: 2;
stroke: #6C1874;
font-size: 100px;
}
@keyframes stroke {
0% {
fill: rgba(204,35,155,0); stroke: rgba(108,24,116,1);
stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
}
70% {fill: rgba(204,35,155,0); stroke: rgba(108,24,116,1); }
80% {fill: rgba(204,35,155,0); stroke: rgba(108,24,116,1); stroke-width: 3; }
100% {
fill: rgba(204,35,155,1); stroke: rgba(108,24,116,0);
stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
}
}
.wrapper {background-color: #FFFFFF};
-
1
Post a message somewhere on the site to receive this.
