Day 312
Stylin!!
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
.codingphase-link {
position: fixed;
width: 125px;
top: 8rem;
left: 6rem;
a {
text-decoration: none;
text-align: center;
// color: #fff;
}
img {
width: 125px;
border-radius: 1rem;
}
#first-p,
#second-p {
margin: 0 auto 3px;
font-weight: 600;
animation: blinkingText 5s infinite;
}
@keyframes blinkingText {
0% {
color: transparent;
}
12% {
color: rgb(170, 245, 31);
}
25% {
color: green;
}
37% {
color: rgb(86, 218, 56);
}
50% {
color: green;
}
62% {
color: rgb(170, 245, 31);
}
75% {
color: green;
}
87% {
color: rgb(86, 218, 56);
}
100% {
color: transparent;
}
}
}
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
.codingphase-link {
position: fixed;
width: 125px;
top: 8rem;
left: 6rem;
a {
text-decoration: none;
text-align: center;
// color: #fff;
}
img {
width: 125px;
border-radius: 1rem;
}
#first-p,
#second-p {
margin: 0 auto 3px;
font-weight: 600;
animation: blinkingText 5s infinite;
}
@keyframes blinkingText {
0% {
color: transparent;
}
12% {
color: rgb(170, 245, 31);
}
25% {
color: green;
}
37% {
color: rgb(86, 218, 56);
}
50% {
color: green;
}
62% {
color: rgb(170, 245, 31);
}
75% {
color: green;
}
87% {
color: rgb(86, 218, 56);
}
100% {
color: transparent;
}
}
}
Comments
Post a Comment