43 lines
978 B
CSS
Raw Normal View History

2021-03-13 17:27:51 +01:00
button {
padding: 0.5em 2em;
color: #04254e;
font-size: 14pt;
border-radius: 5px;
cursor: pointer;
transition:
color 0.15s ease,
transform 0.15s ease;
}
2021-03-13 18:56:08 +01:00
button.small {
padding: 0.15em 1em;
}
2021-03-13 17:27:51 +01:00
button:hover {
2021-03-13 18:56:08 +01:00
transform: scale(1.075);
color: #fff;
background-color: #5954a4;
}
button.special:hover {
2021-03-13 17:27:51 +01:00
/*background-color: #5954a4;*/
color: #fff;
animation: color-cycle;
animation-duration: 1s;
animation-iteration-count: infinite;
}
button.lock {
visibility: hidden;
}
2021-03-13 17:27:51 +01:00
@keyframes color-cycle {
0% {background-color: #ff6666; transform: scale(1.075);}
16.67% {background-color: #c966ff;}
33.33% {background-color: #6678ff;}
50% {background-color: #66edff; transform: scale(1.15);}
66.66% {background-color: #66ff70;}
83.33% {background-color: #fcff66;}
100% {background-color: #ff6666; transform: scale(1.075);}
}