/*弹出选择样式*/
.select-panel{
z-index: 200;
position: fixed;
bottom: -600rpx;
left: 0;
width: 750rpx;
height: 600rpx;
background-color:white;
}
.show{
animation: showPanel 0.5s ease 1 forwards;
}
.hide{
animation: hidePanel 0.5s ease 1 forwards;
}
@keyframes showPanel{
from{
opacity: 0;
bottom: -600rpx;
}
to{
opacity: 1;
bottom: 0rpx;
}
}
@keyframes hidePanel{
from{
opacity: 1;
bottom: 0rpx;
}
to{
opacity: 0;
bottom: -600rpx;
}
}
CSS animation 文档 CSS animation 属性[https://www.w3school.co...
1.CSS动画 1.1 CSS动画属性-animation animation：为CSS动画属性，使用该属性可以替...
css animation 语法：animation: name duration timing-function...
本文来源于 CSS animation动画之animation-fill-mode特性 问题 css属性anima...
1.CSS3 动画 2.CSS3 animation 2.1 animation-name 属性 2.2 anim...
译文经作者 CSS Animation 授权转载原文地址：Animation Principles for the...
一、animation的用法 （css版)animation: name duration timing-func...
CSS3 Animation animation: name,duration,timing-function,d...
css3中变形与动画（上） 1.Animation 动画定义animation动画2.Animation动画播放 ...
CSS3 transition动画 CSS3 transform变换 CSS3 animation动画
本文标题：animation css
本文链接：https://www.haomeiwen.com/subject/njnjqqtx.html
网友评论