本文主要是介绍CSS 秘密花园,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
https://www.w3cschool.cn/css_secrets/
CSS 有很多不常用,但高大上的属性。
分享一段开发中使用的代码,绘制条纹背景。
绘制直线旋转可能出现锯齿。
测试了用宽度为根号2时效果不错。
<!DOCTYPE html>
<html>
<head><title></title><style type="text/css">.line {width: 500px;height: 50px;background: repeating-linear-gradient(135deg, rgba(0,0,0,0), rgba(0,0,0,0) 0.70710678px, rgb(0,100,210) 0.70710678px, rgb(0,100,210) 2.12132034px, rgba(0,0,0,0) 2.12132034px, rgba(0,0,0,0) 2.82842712px );}</style>
</head>
<body><div class="line"></div>
</body>
</html>
这篇关于CSS 秘密花园的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!