.box{
    margin: 100px 100px;
    width: 200px;
    height: 200px;
    background-color: red;
}




@keyframes stretchy {
  from { transform: scaleY(1.5); }
  to { transform: scaleY(1); }
}

.trait1 {
    margin : 50px 10px;
    width: 40px;
    height: 100px;
    background-color: #FFF;
    display: inline-block;

    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-name: stretchy;
    animation-iteration-count: infinite;
}

.trait2 {
    margin : 50px 10px;
    width: 40px;
    height: 100px;
    background-color: #FFF;
    display: inline-block;

    animation-delay: 0.7s;
    animation-duration: 1s;
    animation-name: stretchy;
    animation-iteration-count: infinite;
}

.trait3 {
    margin : 50px 10px;
    width: 40px;
    height: 100px;
    background-color: #FFF;
    display: inline-block;

    animation-delay: 1s;
    animation-duration: 1s;
    animation-name: stretchy;
    animation-iteration-count: infinite;
}