网站设计中会用到的使用css来制作锯齿状分割线

与标准水平分隔相比,使用SVG形状分隔两个不同的块以创建更有趣的视觉外观。 <div class=”shape-separator”></div> .shape-separator { position: relative; height: 48px; } .shape-separator::after { content: ”; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxLjQxNCI+PHBhdGggZD0iTTEyIDEybDEyIDEySDBsMTItMTJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); position: absolute; width: 100%; height: 24px; bottom: 0; }  

友情提示:点赞熊源码网http://www.dianzanxiong.com点赞熊源码网 » 网站设计中会用到的使用css来制作锯齿状分割线
分享到:
赞(0)
广告位820*80