我们传统的前端使用javascript实现各种复杂的动画。自从引入了css3transition和animation，前端开发就专注于animation，有了更高的自由度和pattern，动画的开发变得越来越容易。在本文中，让我们总结一下使用Css3实现的各种特效。本文参考了《css揭秘》这本书，做了自己的总结，希望能让大家更有收获，强烈推荐大家阅读本书，你值得拥有。我们将学习Css3outlineradial-gradientlinear-gradientbox-shadow程序员必读的Css3编码技巧1.实现内部虚线边框知识点：outline核心代码.dash-border{width:200px;高度：100px；行高：100px；大纲：1px虚线#fff；outline-offset:-10px;}2.边框圆角实现知识点：box-shadow核心代码.radius-border{margin-top:20px;宽度：180px；高度：80px；box-shadow:00010pxgray;}3.实现条纹背景和进度条知识点：linear-gradient,repeating-linear-gradient核心代码/*up*/background:linear-gradient(toright,#fb350%,#58a0);background-size:40px100%;box-shadow:inset003px#555;/*inset*/background:线性渐变(45deg,#fb325%,#58a0,#58a50%,#fb30,#fb375%,#58a0);background-size:40px40px;/*下面（可以实现任意角度的渐变，45°显示效果最佳）*/background:重复线性渐变(60deg,#fb3,#fb315px,#58a0,#58a30px);4.复杂的背景图案知识点：linear-gradient,repeating-linear-gradient,radial-gradient会因为第二张图而出现复杂的随机动画，建议大家自己试试看效果，核心代码
