Gif Dots 🔴🟢
<span class="pulse-dot"></span> Application Open
<style>
.pulse-dot {
position: relative;
display: inline-block;
width: 12px;
height: 12px;
background-color: red;
border-radius: 50%;
margin-right: 6px;
}
.pulse-dot::after {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: red;
animation: pulse 1.5s infinite;
top: 0;
left: 0;
z-index: -1;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.7;
}
70% {
transform: scale(2);
opacity: 0;
}
100% {
opacity: 0;
}
}
</style>
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.