有没有办法用 CSS3 绘制“木炭状”边框?这些线条在许多模型工具中很受欢迎,因为它们象征着设计阶段的工作。
例如。图片在这里
http://balsamiq.com/products/mockups http://balsamiq.com/products/mockups
线可能不是直的并且有一些“扭曲”
线条有大胆感
画笔效果:线条中可能包含单独的白色像素
Variant比我先一步,但正如他提到的,你可以用border-image
财产。例子:
http://hertzen.com/experiments/css-charcoal-borders/ http://hertzen.com/experiments/css-charcoal-borders/(它只是对所有元素使用单个图像)
按照我的方法,边框图像外部位是彩色的white
,因此应用background-color
到元素将为其内部元素的内容着色,留下外部位white
。如果您需要让它在多种不同的背景颜色上工作(要求您在背景内部和外部具有透明度)border-image
),然后您可以在当前元素后面(位于边框之内)创建一个元素,并分配background-color
there.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)