本项目是基于animate.css进行的二次开发，主要功能是对animate.css里面的动画进行了js控制。 参数意义：规定对象动画时间之外的状态。

......

为了使大家看清楚。我设了黑底，理论上如果切图的话是透明底PNG。 实现长方形和颜色渐变background: linear-gradient(90deg, transparent 15%, #fff);后，使其旋转transform: rotate(?deg);。多出来的部分会…

前面两章主要是从背景着手，而本章主要是围绕边框动画做效果。并且，本章节（按钮组:有趣的CSS按钮动画，带你进入CSS世界）也就到此结束了，本章结尾会对前3小节进行一定的总结。 看过前两小节的小伙伴，可能不需要看下面的源码，就知道如何实现了，大家可以先自己动手试试，然后再回头来看…

效果动图如下：预览链接和代码在我的codepen：https://codepen.io/lio-mengxiang/pen/YzKrEde知识点预览这篇文章的less技巧+css技巧知识点包括：les

以前看过许多教学视频，大部分讲师都是讲个大概，然后就开始无厘头的灌输知识了。直到我后来看到一位优秀讲师的视频，他的讲课模式是第一堂课展示成果。这样下来，当我看到最终效果，我就有心思去不断学习这个东西了。 1. 简单的渐变动画 2. 稍复杂的关键帧动画 3. 结合transfor…

某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考🤔，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的摆动…

最近看到几篇有关css的文章，纯css实现各种复杂效果，甚至可以获取用户密码并发送到指定位置，甚是震撼。闲暇之余，利用自己现有的css基础，实现了本作品，同时练习一下许久不用的CSS3技能（技术分享，不考虑兼容性）。 看起来比较复杂，其实不然。运用的技术点如下： .flower…

让我们用CSS从电影Big Hero 6中创建Baymax角色。 在这篇文章中，我们将动画一个背景图像，以及一个微妙的动画计时效果，并用一个单独的HTML元素制作一个CSS演示。 你可以在这里全屏看到它。 通过使用伪元素，我们将能够使用一个HTML元素创建面部部分。 为了设置舞…