No announcement yet.

add animation to menu nav bar

  • 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.


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


    • #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;}


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