26 lines
407 B
HTML
26 lines
407 B
HTML
|
<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>
|