HTML CSSResult Skip Results Iframe
EDIT ON
    body {
        font: 1em sans-serif;
        text-align: center;
    }
    .stage {
        border-bottom: 3px solid #444;
        display: flex;
        height: 220px;
        width: 100%;
    }
    .box {
        align-self: flex-end;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        height: 50px;
        margin: 0 auto 0 auto;
        transform-origin: bottom;
       }
    .bounce-2 {
        animation-name: bounce-2;
        animation-timing-function: ease;
    }
    @keyframes bounce-2 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-40px); }
        100% { transform: translateY(0); }
    }



Resources1× 0.5× 0.25×Rerun

.span {
    text-align: center;
    display: block;
    width: 100%
}