.mblDissolve.mblOut { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: mblDissolveOut; animation-name: mblDissolveOut; -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.75, 0); animation-timing-function: cubic-bezier(0.25, 1, 0.75, 0); } .mblDissolve.mblIn { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: mblDissolveIn; animation-name: mblDissolveIn; -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.75, 0); animation-timing-function: cubic-bezier(0.25, 1, 0.75, 0); } @-webkit-keyframes mblDissolveOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mblDissolveOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes mblDissolveIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mblDissolveIn { from { opacity: 0; } to { opacity: 1; } }