mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
53 lines
874 B
HTML
53 lines
874 B
HTML
<button> Shake
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by Botwe-Felix5820 - Tags: button, shake */
|
|
button {
|
|
height: 3em;
|
|
width: 8em;
|
|
border: none;
|
|
border-radius: 10em;
|
|
background: #016DD9;
|
|
font-size: 17px;
|
|
color: #ffffff;
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
}
|
|
|
|
button:hover {
|
|
animation: shake3856 0.3s linear infinite both;
|
|
}
|
|
|
|
@keyframes shake3856 {
|
|
0% {
|
|
-webkit-transform: translate(0);
|
|
transform: translate(0);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: translate(-2px, 2px);
|
|
transform: translate(-2px, 2px);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translate(-2px, -2px);
|
|
transform: translate(-2px, -2px);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translate(2px, 2px);
|
|
transform: translate(2px, 2px);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: translate(2px, -2px);
|
|
transform: translate(2px, -2px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(0);
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
|
|
</style>
|