CFXIXI工作室首页
CF西西的博客 | 如何给元素样式增加动画

如何给元素样式增加动画

30. 十一月 2016

举例:

transition: opacity .4s;

针对opacity增加一个0.4秒的补间动画。

.index_more_pop .mask {
position: absolute;
z-index: 999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
transition: opacity .4s;
}

.index_more_pop .enter {
opacity: 1;
transform: translate(0, 0);
}

.index_more_pop ul {
position: fixed;
bottom: 0;
display: block;
width: 100%;
z-index: 9999;
transform: translate(0, 100%);
transition: transform .4s;
}

javascript