Source Code

Do you need custom source code?
CODE LOVER❤️

Grab Your Free Code!

Copy Link Button ( JavaScript Code :)


  
  

1/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}
  

menu item link ( CSS Code :)


  
  

2/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}
  

menu item link ( CSS Code :)


  
  

3/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}
  

menu item link ( CSS Code :)


  
  

4/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}


  

menu item link ( CSS Code :)


  
  

5/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}




  

menu item link ( CSS Code :)


  
  
69/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}


  

menu item link ( CSS Code :)


  
  
70/* 3menu badge */
.menu-badge {
  font-size: 9px;
  margin-left: 4px;
  position: relative;
  top: -10px;
  margin-bottom: 13px;
  color: #ffffff;
  background-color: #FF0000;
  padding: 3px 4px;
  border-radius: 3px;
}
.badge-bounce {
  animation: bouncing .8s cubic-bezier(0.1,0.05,0.05,1) 0s infinite alternate both;
}

@keyframes bouncing {
  0% { top: -6px; }
  100% { top: -10px; }
}


  

Are you ready to take your project to new heights?

Our dedicated team is here to surpass your expectations. Reach out today and witness outstanding results. Let’s turn your vision into reality!

Made with 💙 by Webcrafy © 2025

LOOKING FOR PROFESSIONAL WORDPRESS EXPERT?

hire us

Hire Us