CSS3过渡动画（二）

你好，欢迎打开我的博客，阿雨每天与你分享许多有趣新鲜的knowledge！

最近给大家带来的是WEB前端中重要的一部分，一些有关CSS的基础知识，俗话说的好“万丈高楼平地起”，要想做一个优秀的前端人员，必须打好基础哦。

废话不多说，上干货
：focus伪类通常会在表单对象接收键盘响应时出现
当文本框获取焦点时，文本框背景颜色会逐步高亮显示

设计过程：
第一步，新建HTML5文档，设计表单结构

第二步，在样式表中设计动画样式

二，选择动画
;checked 伪类在发生选中状况时触发过程，取消选中则恢复原来的状态

第一步，新建HTML文档，设计表单结构

第二步，在样式表中设计动画样式

三，目标动画
使用目标伪类：target设计折叠面板，在没有JS的效果下，使用过渡属性完成滑动效果

设计过程：
第一步，新建HTML文档，设计折叠面板结构

第二步，在样式表中设计动画样式，

好了，今天的干货分享就结束了，如果感觉阿雨的分享对你有帮助的，就关注我吧！！！
创作不易，感谢有你，一路同行，加油！