CSS边框图像的粗略风格边框？有人认出这个物种了吗？

Question

叫我疯了,但是为HTML元素应用手写/粗略样式边框会不会很酷？有没有人做过这个任何成功呢？请分享!!!

Answer 1

我试了一下.我不是艺术家,但这个概念有效.的jsfiddle

div {
  border: 15px solid transparent;
  width: 350px;
  padding: 10px 20px;
}

#round {
  border-image: url("http://s3.amazonaws.com/dfc_attachments/images/3247065/sketchy_web.png") 30 30 round;
}

#stretch {
  border-image: url("http://s3.amazonaws.com/dfc_attachments/images/3247065/sketchy_web.png") 30 30 stretch;
}