老式的树是微弱的，空气条件的wifi西瓜是炎热的夏天的三个主要生命。至少我可以看着梅以渴求。
首先找到一个好的空调，然后使用我们的HTML + CSS魔术。
首先绘制基本轮廓，包括空气条件的主体，底部的底部
在样式的点缀中，基本的空调大纲没有出现
当空调打开时，底部的出口挡板将旋转并打开。关闭时，它将缓慢旋转。在这里，使用CSS动画来实现它。打开它后，向挡板添加一个活动类。关闭它时，请删除活动类并添加一个不活跃的类。CSS动画放置在这两个类上。
在动画中，您可以看到一个名为“正向”的值。这实际上是属性的值。角色是在动画结束以保持挡板打开后的最后帧中。如果没有添加此值，则旋转挡板，并且会立即返回原始内容，因为默认值无需在执行动画之前和之后，不会将任何样式应用于目标元素。
将温度显示屏和空调徽标添加到空调中，使其更像真实的空调
使用空调，您必须配备遥控器，并且可以通过遥控器切换并调整温度。
上述代码已在代码上的掘金上放置。如果您有兴趣，您可以去空调尝试。我希望在炎热的夏天给您带来些许凉爽。
原始：https：//juejin.cn/post/7101651304392425509