Posted 26 November 2012 - 07:45 AM
I'm trying to add a stitched effect to my boxes using the css outline property. The site is
I've used the following code:
It works perfectly in Chrome and Safari, but the offset is not working in Firefox or IE. Any ideas?
Posted 26 November 2012 - 08:37 AM
As far as I am aware the Outline property is added around elements, outside of borders and on top of content. You're attempting to use to inside the border, by using the offset, it wasn't really supposed to be used like this, in my opinion.
If you want this type of design, I would recommend you use an image for your border.
Posted 01 December 2012 - 06:25 AM
Thanks Danny but I don't really want to use images. Does anyone know if it could be done as a second border with CSS pseudo-elements somehow?
Posted 01 December 2012 - 06:03 PM
You're using Outline, and as Danny points out, that has some specific uses.
A more generic option would be
Posted 02 December 2012 - 11:25 AM Best Answer
Try something like this:
Then use border dash, that may work.