Template:Frog.css

.frog { opacity: 0.1; transition: opacity 0.5s linear; }

.frog:hover { opacity: 1; transition: visibility 0s 0.5s, opacity 0.5s linear; }

.frog img:hover { animation: shake 0.5s; animation-iteration-count: 1; }

@keyframes shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(-3deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(3deg); } }

@media screen and (max-width: 1600px){ .frog {display:none;} }