84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
css 怎么实现像书籍装订线的效果?不用图片的纯css3实现
光阴似箭催人老,日月如移越少年。
{ width: 150px; height: 150px; margin: 20% auto; background-color: white; background-image: repeating-linear-gradient(to right, #aaa 5%, #eee 10%, #ccc 15%); box-shadow: 5px 5px 2px #eee; border-radius: 5px; }
效果:
repeating-linear-gradient(to right, #aaa 5%, #eee 10%, #ccc 15%);
最主要是这句,重复的线性渐变,第一个参数向右,后面三个是颜色渐变点和位置,比如#aaa 5%就是从5%的地方开始渐变,而5%以前就是纯的#aaa的颜色,后面两个同理,然后重复这个渐变。
和你那个锯齿状的问题答案是一样的使用css3的linear-gradient
linear-gradient
效果:
最主要是这句,重复的线性渐变,第一个参数向右,后面三个是颜色渐变点和位置,比如#aaa 5%就是从5%的地方开始渐变,而5%以前就是纯的#aaa的颜色,后面两个同理,然后重复这个渐变。
和你那个锯齿状的问题答案是一样的
使用css3的
linear-gradient