.animation{ width: 100px; height: 100px; background-color: orange; animation: animation-han 6s linear 0s infinite normal; } @keyframes animation-han { 0% {width: 100px;} 100% {width: 100%;} } .box_sample{ padding: 3px; margin: 0 0 50px 0; background: linear-gradient(to bottom right, #FFFFFF, #FFAAEE); box-shadow: 5px 5px 2px rgba(0,0,0,0.4); border: 1px solid #333333; border-radius: 10px; } .block_clone { display: block; -o-box-decoration-break: clone; } .f-container{ display: flex; flex-direction: row; background: #ddd; width: 100%; height: auto; } .f-item{ background-color: yellow; text-align: center; padding: 15px 40px; border: 5px solid #ddd; } p {text-shadow: 4px 4px 4px blue; }