*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}main{height:100vh;width:100vw;background-color:gray;display:flex;align-items:center;justify-content:center}main .parent{height:50vh;width:100vw;background-color:#0ff;padding:1rem;display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}main .parent::-webkit-scrollbar{display:none}main .parent .box{height:100%;width:20%;background:#000;border:1px solid white;flex-shrink:0}main .parent .box:hover{animation:animaitonBOx .5s 1 alternate}@keyframes animaitonBOx{0%{transform:scale(1);background-color:pink;border:2px dotted rgb(34,32,32)}50%{transform:scale(1.2);background-color:purple;border:2px solid white}}