博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
transition效果
阅读量:4143 次
发布时间:2019-05-25

本文共 248 字,大约阅读时间需要 1 分钟。

不用这么复杂 只需把transition  后面改成all

单单height 没用  所有的属性一起来吧  手写其实也不复杂

 

然后就是  手写的话要有一个 overflow: hidden

不然  它出现的时候用v-if 有延迟 你懂哒

.header-2{

  padding-top: 57px;

  height: 0 ;

  background: #0ad0bd;

  transition: all .3s ease-in;

}

 

.header-big{

  height: 350px !important;

}

转载地址:http://nouti.baihongyu.com/

你可能感兴趣的文章
49个在工作中常用且容易遗忘的CSS样式清单整理
查看>>
20种在学习编程的同时也可以在线赚钱的方法
查看>>
隐藏搜索框:CSS 动画正反向序列
查看>>
127个超级实用的JavaScript 代码片段,你千万要收藏好(上)
查看>>
【视频教程】Javascript ES6 教程27—ES6 构建一个Promise
查看>>
【5分钟代码练习】01—导航栏鼠标悬停效果的实现
查看>>
127个超级实用的JavaScript 代码片段,你千万要收藏好(中)
查看>>
127个超级实用的JavaScript 代码片段,你千万要收藏好(下)
查看>>
【web素材】03-24款后台管理系统网站模板
查看>>
Flex 布局教程:语法篇
查看>>
年薪50万+的90后程序员都经历了什么?
查看>>
2019年哪些外快收入可达到2万以上?
查看>>
【JavaScript 教程】标准库—Date 对象
查看>>
前阿里手淘前端负责人@winter:前端人如何保持竞争力?
查看>>
【JavaScript 教程】面向对象编程——实例对象与 new 命令
查看>>
我在网易做了6年前端,想给求职者4条建议
查看>>
SQL1015N The database is in an inconsistent state. SQLSTATE=55025
查看>>
RQP-DEF-0177
查看>>
MySQL字段类型的选择与MySQL的查询效率
查看>>
Java的Properties配置文件用法【续】
查看>>