mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-23 04:33:06 +00:00
44 lines
579 B
CSS
44 lines
579 B
CSS
|
body {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
margin: 10px;
|
||
|
|
padding: 10px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 5px;
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
#pause {
|
||
|
|
background-color: #ff0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#play {
|
||
|
|
background-color: #00ff00;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.bounce {
|
||
|
|
animation: boomBox 0.5s infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes boomBox {
|
||
|
|
0% {
|
||
|
|
transform: scale(1.0);
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
transform: scale(2);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: scale(1.0);
|
||
|
|
}
|
||
|
|
}
|