@keyframes ring {
      0% {
        transform-origin: center center;
        transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
      }
      100% {
        transform-origin: center center;
        transform:rotate(359deg);
        -o-transform:rotate(359deg);
        -moz-transform:rotate(359deg);
        -webkit-transform:rotate(359deg);
      }
}

@keyframes menuItem{

        0%, 100% {
          background: -moz-linear-gradient(top,  rgba(253,253,92,1) 0%, rgba(180,184,1,1) 100%);
          background: -webkit-linear-gradient(top,  rgba(253,253,92,1) 0%,rgba(180,184,1,1) 100%);
          background: linear-gradient(to bottom,  rgba(253,253,92,1) 0%,rgba(180,184,1,1) 100%);
        }
        25% {
          background: -moz-linear-gradient(-75deg, blue, yellow 60%, red 69%, rgb(0,255,555) 85%);
          background: -webkit-linear-gradient(-75deg, blue, yellow 60%, red 69%, rgb(0,255,555) 85%);
          background: linear-gradient(-75deg, blue, yellow 60%, red 69%, rgb(0,255,555) 85%);
        }
        50% {
          background: -moz-linear-gradient(-75deg, rgb(0,255,555), blue 60%, yellow 69%, red 85%);
          background: -webkit-linear-gradient(-75deg, rgb(0,255,555), blue 60%, yellow 69%, red 85%);
          background: linear-gradient(-75deg, rgb(0,255,555), blue 60%, yellow 69%, red 85%);
        }
        75% {
          background: -moz-linear-gradient(-75deg, red, rgb(0,255,555) 60%, blue 69%, yellow 85%);
          background: -webkit-linear-gradient(-75deg, red, rgb(0,255,555) 60%, blue 69%, yellow 85%);
          background: linear-gradient(-75deg, red, rgb(0,255,555) 60%, blue 69%, yellow 85%);
        }

    }

    @keyframes fiore {
          0%,100% {
            transform-origin: center bottom;
            transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
          }
          50%,65% {
            transform-origin: center bottom;
            transform:rotate(15deg);
            -o-transform:rotate(15deg);
            -moz-transform:rotate(15deg);
            -webkit-transform:rotate(15deg);
          }
          60% {
            transform-origin: center bottom;
            transform:rotate(10deg);
            -o-transform:rotate(10deg);
            -moz-transform:rotate(10deg);
            -webkit-transform:rotate(10deg);
          }
    }

.transistion {
transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;

}