【tips】css模仿矢量图透明背景

就像棋盘格

css 复制代码
    background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
相关推荐
圆肖7 小时前
[陇剑杯 2021]简单日志分析(问3)
前端·经验分享·github
王嘉俊9257 小时前
Django 入门:快速构建 Python Web 应用的强大框架
前端·后端·python·django·web·开发·入门
IT_陈寒8 小时前
Redis性能翻倍的5个冷门技巧,90%的开发者从不知道第3点!
前端·人工智能·后端
WebGIS开发8 小时前
新中地三维GIS开发智慧城市效果和应用场景
前端·人工智能·gis·智慧城市·webgis
鱼樱前端9 小时前
uni-app快速入门章法(一)
前端·uni-app
zhangxuyu11189 小时前
flex布局学习记录
前端·css·学习
掘金一周9 小时前
🍏让前端去做 iPhone 的液态玻璃❓ | 掘金一周 10.2
前端·人工智能·后端
Keepreal4969 小时前
谈谈对javascript原型链的理解以及原型链的作用
前端·javascript
itslife9 小时前
vite 源码 - 配置
前端·javascript
Keepreal4969 小时前
Typescript中type和interface的区别
前端·typescript