纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。

利用css中border-image和linear-gradient分别实现底部边框渐变效果、右侧边框渐变效果。

本文正在参加「金石计划 . 瓜分6万现金大奖」 使用方式 看名称效果图，有没有和自己想要的效果类似的 有的话，复制粘贴代码使用 也可以自己修改一下 css效果并不是特别难，只是有时候我们可能想不到 注

想必写过 CSS 的同学都用过 box-shadow，它可以给元素设置阴影，增加立体效果。 比如说这样： 但它能做的可不只是阴影，还可以用来做出很多有趣的效果： 比如画蒙娜丽莎： 画星空： 这些效果都

国人编写的css文档，可以再上面找到自己需要的css样式，动画，阴影，布局.... , 主要的是这是国人开发非常友好