*{box-sizing:border-box;margin:0;padding:0}.view{height:100vh;position:fixed;width:100%;top:0;left:0;opacity:0;transition:opacity .5s,transform .5s;padding-top:30vh}.view.active{opacity:1;transform:translateY(0)}