| <style> | |
| @keyframes scaleout { | |
| 0% { | |
| } | |
| to { | |
| } | |
| } | |
| .test { | |
| text-align: center; | |
| border: 2px solid green; | |
| height:100px; | |
| } | |
| .test > span { | |
| top: 40px; | |
| position: absolute; | |
| width: 64px; | |
| height: 64px; | |
| background-color: #ff4500; | |
| border-radius: 100%; | |
| animation:scaleout 1.5s infinite ease-in-out | |
| } | |
| </style> | |
| <body> | |
| <div class=test><span></span>centered</div> | |
| </body> |