Menu
.navbar-badges {
display: inline-block;
}
.navbar-badge {
position: absolute;
top: 0;
opacity: 0;
}
.navbar-badge-shipping {
animation: navbar-badge1 20s infinite;
}
.navbar-badge-warranty {
animation: navbar-badge2 20s infinite;
}
.navbar-badge-returns {
animation: navbar-badge3 20s infinite;
}
.navbar-badge-exchanges {
animation: navbar-badge4 20s infinite;
}
@keyframes navbar-badge1 {
0% { opacity: 0; }
2.5% { opacity: 1; }
22.5% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes navbar-badge2 {
0% { opacity: 0; }
25% { opacity: 0; }
27.5% { opacity: 1; }
47.5% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes navbar-badge3 {
0% { opacity: 0; }
50% { opacity: 0; }
52.5% { opacity: 1; }
72.5% { opacity: 1; }
75% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes navbar-badge4 {
0% { opacity: 0; }
75% { opacity: 0; }
77.5% { opacity: 1; }
97.5% { opacity: 1; }
100% { opacity: 0; }
}