html - 重新定位背景以使其看起来像手在书写？

Question

所以我有这张照片： http ://www.kyea.org/imageuploads/MC900382613.JPG 这是一只手拿着铅笔，我想把它放在我的网页上，让它看起来像是在写内容。有没有办法做到这一点？我试过搞乱背景原点、背景大小、背景位置，但似乎没有任何效果。

Answer 1

以下css est图像位置.....

img {

position:relative;

float:right;

top:-15px;

left:-198px;

}

#text {

position:relative;

color:green;

text-align:left;

top:50px;

right:-90px;

}

演示：JSFIDDLE DEMO