Browse Source

添加页面下拉框切换动画

yezehua 6 years ago
parent
commit
4a4935bf4d
2 changed files with 23 additions and 7 deletions
  1. 12 4
      page/bigData/css/home.css
  2. 11 3
      page/bigData/css/medical.css

+ 12 - 4
page/bigData/css/home.css

@ -47,10 +47,18 @@ body {
}
.div-skip{
	width: 0;height: 0;opacity: 0;overflow: hidden;background-image: url("../images/tc1.png");background-size: 100% 100%;
	position: fixed;z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;margin-left: 0.1rem;width: 1.458333rem;}
	width: 1.458333rem;
    height: 0;
    top: 0.271rem;
    opacity: 0;
    overflow: hidden;
    background-image: url(../images/tc1.png);
    background-size: 100% 100%;
    position: fixed;
    margin-left: 0.1rem;
    z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;}
.div-skip div{
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;

+ 11 - 3
page/bigData/css/medical.css

@ -53,10 +53,18 @@ p{
}
.div-skip{
	width: 0;height: 0;opacity: 0;overflow: hidden;background-image: url("../images/tc1.png");background-size: 100% 100%;
	position: fixed;z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
	width: 1.458333rem;
    height: 0;
    top: 0.271rem;
    opacity: 0;
    overflow: hidden;
    background-image: url(../images/tc1.png);
    background-size: 100% 100%;
    position: fixed;
    margin-left: 0.1rem;
    z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;margin-left: 0.1rem;width: 1.458333rem;}
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;}
.div-skip div{
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;