1. 首页
  2. css

CSS建筑性能展开和折叠动画

在CSS中,只有2样东西可以便宜地制作动画,这已经成为一个相当普遍的知识:不透明和变换。否则,动画/过渡很有可能会出现波动。幸运的是,这些属性有很多动画的可能性,特别是因为变换可以以任何方式移动和调整元素的大小。

您甚至可以通过变换来设置其他属性的动画。在googlechrome开发者博客上的这个教程中,Paul Lewis和Stephen McGruer解释了如何使用垂直比例变换来伪造高度动画,同时触发另一个方向的垂直比例变换,这样就不会有任何东西看起来被压扁。它聪明、实用、实用。我把一本移到CodePen玩。不过,对于这样一个简单的结果来说,这确实是一堆代码。作为一个开发人员,我更喜欢做的就是点击切换一个类,然后将菜单动画化为一个自动标注,并让这一切都顺利进行。

直接链接→

CSS建筑性能展开和折叠动画 为WP2原创文章,链接:https://www.wp2.cn/css/css%e5%bb%ba%e7%ad%91%e6%80%a7%e8%83%bd%e5%b1%95%e5%bc%80%e5%92%8c%e6%8a%98%e5%8f%a0%e5%8a%a8%e7%94%bb/

发表评论

您的电子邮箱地址不会被公开。