Advertisement
BenjirAhmed

Ekit menu badge bouncing effect CSS

Jan 17th, 2022
952
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .elementskit-navbar-nav .menu-item .ekit-menu-badge {
  2.     top: -12px;
  3.     left: auto;
  4.     right: 25px;
  5.     -webkit-transform: none;
  6.     -ms-transform: none;
  7.     transform: none;
  8.     font-size: 12px;
  9.     border-radius: 3px;
  10.     padding: 4px 6px 3px;
  11.     -webkit-animation: topDown 2s infinite ease-in-out;
  12.     animation: topDown 2s infinite ease-in-out;
  13. }
  14.  
  15. @-webkit-keyframes topDown {
  16.     0% {
  17.         -webkit-transform: translateY(0px);
  18.         transform: translateY(0px)
  19.     }
  20.     50% {
  21.         -webkit-transform: translateY(10px);
  22.         transform: translateY(10px)
  23.     }
  24.     100% {
  25.         -webkit-transform: translateY(0px);
  26.         transform: translateY(0px)
  27.     }
  28. }
  29.  
  30. @keyframes topDown {
  31.     0% {
  32.         -webkit-transform: translateY(0px);
  33.         transform: translateY(0px)
  34.     }
  35.     50% {
  36.         -webkit-transform: translateY(10px);
  37.         transform: translateY(10px)
  38.     }
  39.     100% {
  40.         -webkit-transform: translateY(0px);
  41.         transform: translateY(0px)
  42.     }
  43. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement