Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <style> .ball { width: 50px; height: 50px; background-color: tomato; border-radius: 50%; /* Applying multiple individual properties */ animation-name: bounce; animation-duration: 0.5s; animation-timing-function: ease-in; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes bounce { from { transform: translateY(0); } to { transform: translateY(150px); background-color: gold; } } </style> <div class="ball"></div>
