1
0

radio.css 579 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. body {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. justify-content: center;
  6. text-align: center;
  7. }
  8. button {
  9. margin: 10px;
  10. padding: 10px;
  11. border: none;
  12. border-radius: 5px;
  13. background-color: #f0f0f0;
  14. cursor: pointer;
  15. }
  16. #pause {
  17. background-color: #ff0000;
  18. }
  19. #play {
  20. background-color: #00ff00;
  21. }
  22. .bounce {
  23. animation: boomBox 0.5s infinite;
  24. }
  25. @keyframes boomBox {
  26. 0% {
  27. transform: scale(1.0);
  28. }
  29. 50% {
  30. transform: scale(2);
  31. }
  32. 100% {
  33. transform: scale(1.0);
  34. }
  35. }