.shine {
    animation-duration: 0.8s;
    animation-name: changeShadow;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}



@keyframes changeShadow {
    from {
        opacity: 1%;
    }
    to {
        opacity: 100%;
    }
}



.shiny_once  { animation: fadeIn 3s; }
@keyframes fadeIn {
  0% { opacity: 0; }

  100% { opacity: 100%;display: block}
}




.rotating:hover {
  transform: rotate(-10deg);
    transition: 1s

}



.glowingimg:hover{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
 -webkit-box-shadow: 0px 0px 30px 0px rgb(0, 0, 250);
-moz-box-shadow:    0px 0px 30px 0px rgb(0, 0, 250);
box-shadow:         0px 0px 30px 0px rgb(0, 0, 250);
}