文件名称：transition-hidden-element:一个JavaScript工具，可帮助您在显示和隐藏具有“ hidden”属性的元素时使用CSS过渡
文件大小：109KB
文件格式：ZIP
更新时间：2024-06-05 22:52:25
JavaScript
过渡隐藏元素 一个JavaScript实用程序，可帮助您在显示和隐藏具有hidden属性或display: none;元素时使用CSS过渡display: none; 。 演示版 显示此库运行情况。 显示了将此库与交错的子过渡和切换一起使用。 为什么创建这个？ 为了，应使用hidden属性或display: none;来隐藏元素display: none; 。 但是，这会阻止元素随CSS过渡。 如果您想使用CSS过渡来显示和隐藏这些元素，则需要使用JavaScript。 该实用程序将该JavaScript包装到一个易于使用的小型模块中。 我还，详细介绍了为什么创建它以及它如何工作。 这个怎么运作 显示元素 为了在显示元素时允许过渡，该实用程序执行一些步骤： 删除hidden属性（或display: none; ）。 触发浏览器重排。 应用一个类来触发转换。 隐藏元素 为了在隐藏
【文件预览】：
transition-hidden-element-master
----.gitignore(2KB)
----cypress.json(41B)
----README.md(7KB)
----.github()
--------workflows()
----.stylelintrc.json(51B)
----LICENSE(1KB)
----.eslintrc(162B)
----cypress()
--------integration()
--------support()
--------fixtures()
--------plugins()
----package.json(1KB)
----src()
--------index.js(5KB)
----.editorconfig(171B)
----gulpfile.js(2KB)
----package-lock.json(386KB)
----demo()
--------demo.js(2KB)
--------index.html(3KB)
--------styles.css(100B)