玩坏css3之linear-gradient揭秘《线性渐变》
没看《css揭秘》之前,我一般就会这样使用liner-gradient(top, #000, #fff)/liner-gradient(45deg, #000, #fff); 我相信很多同事对gradient认知也是到这里,网上普遍也是这样介绍! 正常的情况下:liner-gradient(pink,#fff)在div盒子中是自上而下渐变,如下图:`.second{margin: 20px auto;width: 400px;height: 100px;background: linear-gradient(pink, #ffffff)}` 接下来就是神奇的地方了!在此我再着重推荐一下《css揭秘》[LEA VEROU著],大家可以看看 先解读一下下面的第一行代码: background: linear-gradient(-135deg, transparent 71px, #20B2AA 0) ; background-size: 100% 100%;(这行代码也很重要,为下面的样式做铺垫,这个代码不清楚的赶紧去w3c看) background-repeat: no-repeat 首...