animation
.animated {
/* background-image: url(/css/images/logo.png); */
background-repeat: no-repeat;
border: 2px solid rgba(0,0,0,0.2); background-position: left top;
/* padding-top:95px; */
margin-bottom:60px;
text-align: center;
-webkit-animation-duration: 5s;
animation-duration: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset; animation-fill-mode: both;
background: rgb(16, 129, 0);
}
.animated:hover {
animation-play-state: paused;
}
.animated a{
text-decoration: none;
color : #fff;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);}
20%, 40%, 60%, 80% {transform: translateY(10px);}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
<!--
-->
function myFunction() {
location.reload();
}