transition与visibility之间的小tips
2024-09-14 09:09:23
之前经常遇到这个问题,就是在用transition样式的时候经常不起作用,一个元素处于隐藏状态(display:none)时,通过添加一个class将元素显示出来,这样其实过度效果是不起作用的,懒做的我经常把这种动画效果去掉,今天产品强烈建议加上这个效果,无奈。我请教了一个同事,同事跟我说加一个delay试试,其出发点就是元素处于隐藏状态时,浏览器不知道他在哪个位置,当激活过度元素时找不到过度的起止点,所以也就没了过度效果。我加上delay不起作用,但是受到启发,因为我知道display:none和visibility之前的区别,然后这两个属性就愉快的工作了!
哈哈,文章虽短,可是很有用处,管理员不要给我砍掉哈
最新文章
- Git 常用操作和问题解决
- Unique Paths II
- JAVA抓取URL
- Oracle Commit 方式 COMMIT WRITE batch NOWAIT;
- define 与 inline
- MacOS显示和不显示隐藏文件
- 与MySQL交互(felixge/node-mysql)
- wordpress整站搬家总结
- JqueryUI-3
- [国嵌笔记][031][Bootloader架构设计]
- dedecms列表页有图调用缩略图无图留空的方法
- C#程序自动更新软件版本号
- 010-3 Socket协议ProtocolType
- 阿森纳vs托特纳姆热刺
- 当你的layui表格要做全选+删除功能【兼容ie8】
- json之dump和dumps,load和loads
- QT插件+ROS 1 安装配置
- 十图详解tensorflow数据读取机制(附代码)转知乎
- Java名称字符串进行星号处理
- BZOJ2157旅游——树链剖分+线段树