Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is there a way to draw “charcoal like” borders with CSS3? These kind of lines are popular in many mock-up tools as they symbolize work in design phase.
E.g. images here
http://balsamiq.com/products/mockups
Line may not be straight and has some “twist” in it
Line has boldness in it
Brush effect: line may contain individual white pixels in it
Variant beat me to it, but as he mentioned, you can create quite a similar effect with the
border-imageproperty. Examples:http://hertzen.com/experiments/css-charcoal-borders/ (it is just using a single image for all elements)
With my approach, the border images outer bit is colored
white, so applying abackground-colorto the element will color the contents of the element inside it, leaving the outer bitwhite. If you need to get it working on multiple different background colors (requiring you to have transparancy inside and outside of theborder-image), then you can create an element behind the current element, which is within the borders, and assign thebackground-colorthere.