css 動(dòng)畫(huà)效果
css by 黃業(yè)興 at 2019-11-29
css 動(dòng)畫(huà)效果增加區(qū)塊動(dòng)感:
.fadeInUp{
animation:fadeInUp 1s;
-moz-animation:fadeInUp 1s; /* Firefox */
-webkit-animation:fadeInUp 1s; /* Safari and Chrome */
-o-animation:fadeInUp 1s; /* Opera */
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
請(qǐng)關(guān)注我們微信公眾號(hào):mw748219