wireframe - 带有 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;
}