Announcement

Collapse
No announcement yet.

add animation to menu nav bar

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • add animation to menu nav bar

    Is it possible to add animation to the nav bar of a menu application? Scriptcase deleted my last post because they thought it was spam so I can provide code examples if needed.

    Thanks

  • #2
    What kind of animation you had in mind?

    Comment


    • #3
      similar to what appear on the Scriptcase Home screen in my development environment when there is a notification from Script case (see attached photo)
      I can get the pulsating dot to work on it own in a blank application but I cannot get it to appear in the nav bar of the menu application I have created.
      I have tried to add the code onLoad event for the menu and it does not come up.

      this is an example of the code

      <style type="text/css">
      .ring-container {
      position: relative;
      }

      .circle {
      width: 15px;
      height: 15px;
      background-color: #62bd19;
      border-radius: 50%;
      position: absolute;
      top: 23px;
      left: 23px;
      }

      .ringring {
      border: 3px solid #62bd19;
      -webkit-border-radius: 30px;
      height: 25px;
      width: 25px;
      position: absolute;
      left: 15px;
      top: 15px;
      -webkit-animation: pulsate 1s ease-out;
      -webkit-animation-iteration-count: infinite;
      opacity: 0.0
      }
      @-webkit-keyframes pulsate {
      0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
      50% {opacity: 1.0;}
      100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
      }
      </style>
      <html>

      <body>



      <div class="ring-container">
      <div class="ringring"></div>
      <div class="circle"></div>
      </div>

      Comment

      Working...
      X