كود PHP:
/* Glowing Notification Bubble - START */
.notifications-count {
border-radius: 100%;
-webkit-animation: red-glowing 1500ms infinite;
-moz-animation: red-glowing 1500ms infinite;
-o-animation: red-glowing 1500ms infinite;
animation: red-glowing 1500ms infinite
}
.notifications-count.h-hide-imp {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none
}
@-webkit-keyframes red-glowing {
0% {
background-color: #D31F1F;
-webkit-box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
-webkit-box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
-webkit-box-shadow: 0 0 3px #D31F1F;
}
}
@-moz-keyframes red-glowing {
0% {
background-color: #D31F1F;
-moz-box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
-moz-box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
-moz-box-shadow: 0 0 3px #D31F1F;
}
}
@-o-keyframes red-glowing {
0% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
}
@keyframes red-glowing {
0% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
50% {
background-color: #851414;
box-shadow: 0 0 15px #851414;
}
100% {
background-color: #D31F1F;
box-shadow: 0 0 3px #D31F1F;
}
}
/* Glowing Notification Bubble - END */
مصدر الكود //