.word-wrapper{min-width:12ch;height:1em;position:relative;overflow:hidden}.animated-word{opacity:0;clip-path:inset(0 0 100%);transition:transform .8s,opacity .3s,clip-path .8s;position:absolute;top:0;left:0;transform:translateY(100%)}.animated-word.active{opacity:1;clip-path:inset(0);transform:translateY(0%)}