wireframe - CSSボーダーイメージを使用したスケッチスタイルのボーダー? この種を特定した人はいますか？

Question

おかしなことを言っているかもしれませんが、HTML 要素に手書き/大ざっぱなスタイルの境界線を適用するのはクールだと思いませんか? これを成功させた人はいますか？共有してください！！！

Answer 1

試してみました。私はアーティストではありませんが、コンセプトはうまくいきます。jsフィドル

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;
}