JavaScript库可以流畅地显示/隐藏元素
作者：互联网
我需要动画显示和隐藏div元素.是否有任何JS库或CSS技巧,这使它成为可能？我知道jQuery和类似的,但它们太大了 – 我不想使用超过~5 KB.
我也尝试过CSS转换,但它不允许使用display属性.可见性在页面中占据,这是不可取的.
编辑：
例如：
jQuery.toggle().
从顶部开始的第二次演示.
解决方法:
使用CSS过渡.您无需触摸显示属性.
您可以将div的高度/宽度(或两者)设置为0,然后设置为所需的大小,并激活转换.
或者,如果您为其位置设置动画,则可以从页面中飞出/飞出div(从页面外部开始并飞到所需位置,反之亦然).您可以从顶部或从左/右滑动它们.
标签：javascript,css,show-hide 来源： https://codeday.me/bug/20190704/1372432.html