点阵网格
professional · organized · structured
radial-gradient(circle, #00000020 1px, transparent 1px)背景纹理
方格网格
structured · technical · clean
linear-gradient(#00000010 1px, transparent 1px), linear-gradient(90deg, #00000010 1px, transparent 1px)等距网格
technical · modern · architectural
linear-gradient(30deg, #00000010 12%, transparent 12.5%, transparent 87%, #00000010 87.5%, #00000010), linear-gradient(150deg, #00000010 12%, transparent 12.5%, transparent 87%, #00000010 87.5%, #00000010), linear-gradient(30deg, #00000010 12%, transparent 12.5%, transparent 87%, #00000010 87.5%, #00000010), linear-gradient(150deg, #00000010 12%, transparent 12.5%, transparent 87%, #00000010 87.5%, #00000010), linear-gradient(60deg, #00000008 25%, transparent 25.5%, transparent 75%, #00000008 75%, #00000008), linear-gradient(60deg, #00000008 25%, transparent 25.5%, transparent 75%, #00000008 75%, #00000008)交叉线
artistic · handcrafted · organic
repeating-linear-gradient(45deg, transparent, transparent 10px, #00000008 10px, #00000008 11px), repeating-linear-gradient(-45deg, transparent, transparent 10px, #00000008 10px, #00000008 11px)波点
playful · cheerful · vintage
radial-gradient(circle, #00000020 25%, transparent 25%)散点
organic · natural · soft
radial-gradient(circle at 25% 25%, #00000015 2px, transparent 2px), radial-gradient(circle at 75% 75%, #00000015 2px, transparent 2px)蜂巢
natural · structured · organic
radial-gradient(circle farthest-side at 0% 50%, #00000000 23.5%, #00000020 0), radial-gradient(circle farthest-side at 0% 50%, #00000015 24%, #00000000 0) 21px 30px, linear-gradient(#00000020 14%, #00000000 0, #00000000 85%, #00000020 0) 0 0, linear-gradient(150deg, #00000020 24%, #00000015 0, #00000015 26%, #00000000 0, #00000000 74%, #00000015 0, #00000015 76%, #00000020 0) 0 0, linear-gradient(30deg, #00000020 24%, #00000015 0, #00000015 26%, #00000000 0, #00000000 74%, #00000015 0, #00000015 76%, #00000020 0) 0 0, linear-gradient(90deg, #00000015 2%, #00000020 0, #00000020 98%, #00000015 0%) 0 0 #ffffff斜条纹
classic · clean · structured
repeating-linear-gradient(45deg, transparent, transparent 10px, #00000008 10px, #00000008 20px)竖条纹
clean · modern · structured
repeating-linear-gradient(90deg, transparent, transparent 10px, #00000008 10px, #00000008 20px)横条纹
calm · organized · clean
repeating-linear-gradient(0deg, transparent, transparent 10px, #00000008 10px, #00000008 20px)锯齿纹
energetic · dynamic · playful
linear-gradient(135deg, #00000010 25%, transparent 25%), linear-gradient(225deg, #00000010 25%, transparent 25%), linear-gradient(45deg, #00000010 25%, transparent 25%), linear-gradient(315deg, #00000010 25%, #ffffff 25%)人字纹
directional · modern · dynamic
repeating-linear-gradient(45deg, transparent, transparent 10px, #00000010 10px, #00000010 20px), repeating-linear-gradient(-45deg, transparent, transparent 10px, #00000010 10px, #00000010 20px)简单波浪
flowing · organic · calm
repeating-radial-gradient(circle at 0 0, transparent 0, #ffffff 10px), repeating-linear-gradient(#00000010, #00000020)等高线
technical · natural · exploratory
repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 10px, #00000008 10px, #00000008 11px)棋盘格
classic · structured · playful
linear-gradient(45deg, #00000010 25%, transparent 25%, transparent 75%, #00000010 75%, #00000010), linear-gradient(45deg, #00000010 25%, transparent 25%, transparent 75%, #00000010 75%, #00000010)三角形
modern · sharp · dynamic
linear-gradient(135deg, #00000010 25%, transparent 25%), linear-gradient(225deg, #00000010 25%, transparent 25%), linear-gradient(45deg, #00000010 25%, transparent 25%), linear-gradient(315deg, #00000010 25%, transparent 25%)菱形
elegant · structured · sophisticated
linear-gradient(45deg, #00000010 25%, transparent 25%, transparent 75%, #00000010 75%), linear-gradient(-45deg, #00000010 25%, transparent 25%, transparent 75%, #00000010 75%)电路板
technical · digital · modern
linear-gradient(90deg, #00000008 1px, transparent 1px), linear-gradient(#00000008 1px, transparent 1px), linear-gradient(90deg, #00000015 1px, transparent 1px) 10px 10px, linear-gradient(#00000015 1px, transparent 1px) 10px 10px渐变网格
modern · soft · colorful
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 119, 198, 0.3), transparent 50%), radial-gradient(circle at 40% 80%, rgba(119, 198, 255, 0.3), transparent 50%)渐变光线
radiant · energetic · dynamic
repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0, 0, 0, 0.05) 10deg, transparent 20deg)