Top Digital Marketing Agency in Dhrangadhra | Website Development & Designing – Netbyzz
<!-- CODE = #A007 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=
device-width, initial-scale=1.0"
/>
<title>NETBYZZ A007</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<svg viewBox="0 0 600 300">
<symbol id="netbyzz">
<text text-anchor="middle" x="50%" y="50%" dy=".35em">
N E T B Y Z Z
</text>
</symbol>
<use
class="text"
xlink:href="
#netbyzz"
></use>
<use
class="text"
xlink:href="
#netbyzz"
></use>
<use
class="text"
xlink:href="
#netbyzz"
></use>
<use
class="text"
xlink:href="
#netbyzz"
></use>
<use
class="text"
xlink:href="
#netbyzz"
></use>
</svg>
</body>
</html>
.text {
fill: none;
stroke-width: 3;
stroke-linejoin: round;
stroke-dasharray: 70 330;
stroke-dashoffset: 0;
-webkit-animation: stroke 6s infinite linear;
animation: stroke 6s infinite linear;
}
.text:nth-child(5n + 1) {
stroke: #f2385a;
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.text:nth-child(5n + 2) {
stroke: #f5a503;
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
}
.text:nth-child(5n + 3) {
stroke: #e9f1df;
-webkit-animation-delay: -3.6s;
animation-delay: -3.6s;
}
.text:nth-child(5n + 4) {
stroke: #56d9cd;
-webkit-animation-delay: -4.8s;
animation-delay: -4.8s;
}
.text:nth-child(5n + 5) {
stroke: #3aa1bf;
-webkit-animation-delay: -6s;
animation-delay: -6s;
}
@-webkit-keyframes stroke {
100% {
stroke-dashoffset: -400;
}
}
@keyframes stroke {
100% {
stroke-dashoffset: -400;
}
}
html,
body {
height: 100%;
background-color: black;
}
body {
background-image: url(background.png);
background-size: cover;
background-repeat: no-repeat;
width: 100px;
background-size: 0.2em 100%;
font: 5em/1 Open Sans, Impact;
margin: 0;
animation: netbyzz 7s infinite ease-in-out;
}
@keyframes netbyzz {
0% {
background-image: url(background.png);
}
50% {
background-image: url(mhadev.png);
}
}
svg {
position: absolute;
width: 100%;
height: 100%;
}