CSS 秘密花园
来源:互联网 发布:网络神曲 爱情 编辑:程序博客网 时间:2024/05/01 06:30
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>
阅读全文
0 0
- CSS 秘密花园
- CSS秘密花园: Sticky footers
- [前端技术]CSS秘密花园:色调
- JavaScript 秘密花园
- JavaScript 秘密花园
- JavaScript 秘密花园
- javascript 秘密花园
- JavaScript 秘密花园?
- JavaScript 的秘密花园
- JavaScript 秘密花园
- Javascript秘密花园
- Javascript秘密花园[摘录]
- JavaScript 秘密花园
- javascript秘密花园
- js秘密花园
- javascript的秘密花园
- javascript秘密花园读书笔记
- note《JavaScript 秘密花园》
- js-复选框的全选,反选,不选
- 搞定9件事情让你的网站看起来专业
- 正则表达式-问号的四种用法
- 【转】物料与客户主数据的税分类
- 1017. A除以B (20)
- CSS 秘密花园
- CocosCreator项目学习系列<一>摘星星的坑爹小游戏
- Django+mysql+阿里云制作一个简单的网页(配置)
- QT控件大全 二十四 QButtonStyle
- android studio使用svn问题
- 本地机访问虚拟机连接不上问题
- dialog
- Tactile intelligence is the future of robotic grasping
- 压缩格式技术整理