@keyframes tilt{ 0%{ transform: rotate(0)} 25%{transform: rotate(25deg)} 50%{transform: rotate(0)} 75%{transform: rotate(25deg)} 100%{transform: rotate(0)} } @keyframes pulse{ 0%{ transform: scale(1.1)} 25%{transform:scale(1)} 50%{transform: scale(1.1)} 75%{transform: scale(1)} 100%{transform:scale(1.1)} } @keyframes hop{ 0%{ transform: translateY(0)} 25%{transform:translateY(-5px)} 50%{transform: translateY(0)} 75%{transform: translateY(-5px)} 100%{transform: translateY(0)} } .hop-animate:hover{ animation: hop .8s 2 ease; } .tilt-animate:hover{ animation: tilt .8s 2 ease; } .pulse-animate:hover{ animation: pulse .8s 2 ease; }