.container:hover #box { animation: introduce
3000ms cubic-bezier(0.81, 0.42, 0.4, 0.9)
50ms 1; }
@keyframes introduce { 0% { border-radius:
5px; transform: rotate(0deg) scale(100%);
box-shadow: 0px 0px 0px rgba(253, 253, 253,
0.9) inset; } 20% { transform: rotate(200deg)
scale(25%); box-shadow: 0px 0px 34px
rgba(253, 253, 253, 0.9) inset; } 50% {
border-radius: 50px; transform:
rotate(380deg) scale(20%); } 70% { transform:
rotate(-50deg) scale(130%); box-shadow: 0px
0px 2px rgba(253, 253, 253, 0.9) inset; } 90%
{ transform: rotate(10deg) scale(95%); } 100%
{ border-radius: 5px; transform: rotate(0deg)
scale(100%); box-shadow: 0px 0px 0px
rgba(253, 253, 253, 0.9) inset; } }