一、平行四边形 1. 使用两个元素实现 html <a class="button"> <div>click me</div> </a> css .button{ margin: 50px; display: inline-block; background: #404ED3; trans...
只使用一个渐变时，我们能创建的图案并不多，当我们把多个渐变图案组合起来，让他们透过彼此的透明区域显现时，神奇的事情就发生了！我们首先想到的是把水平和水质条纹叠加起来，就可以得到各种各样的网格。 1. 网格背景 html <div class="stripe"></div> css .stripe{ width: 250px;...
1. 一个切角 思路：如果我们要得到有一个切角的元素，我们只需要使用一个径向渐变就可以达到这个目标，这个渐变需要把一个透明色标放在切角处，然后再相同的位置设置另一个色标，并且把它的颜色设置成我们想要的背景色。 html <div class="corner"></div> css .corner{ width: 200px;...