.obs{opacity:0;transition-duration:1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.top{transform:translateY(-30%)}.bottom{transform:translateY(30%)}.left{transform:translate(-15%)}.right{transform:translate(15%)}.visible{opacity:1;transform:translate(0)}