transition中的坑

Posted xiej

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了transition中的坑相关的知识,希望对你有一定的参考价值。

  css3中的transition属性在元素首次被渲染还没完成的情况下是不会被触发的。

当你在js里面使用“alert”时,页面只有当你去掉alert弹出的对话框时才会渲染出,

然后触发transition属性。

  如果js里面加了"window.onload=function(){}",打开浏览器就会触发transition你

属性,否则渲染出的页面就会直接显示你在js里设置的样式。并且如果js代码里面

又有“alert”,在去除弹出的对话框之前,渲染的页面是不会显示的  

以上是关于transition中的坑的主要内容,如果未能解决你的问题,请参考以下文章

transition属性

vue2.0 transition

TailwindCSS 中的 transition-all 和 transition 有啥区别

用 Transit 中的 transition() 替换 jQuery 幻灯片

vue2.0 transition -- demo实践填坑

CSS3中的Transition就这么好玩