jquery.eraser插件模拟橡皮擦擦拭效果

1

4、书写css代码。 

* { --touch-callout: none; --text-size-adjust: none; --tap-highlight-color: rgba(0,0,0,0); --user-select: none; }body { background: #FFF; color: #000; margin: 5px; padding: 0px; margin-bottom: 45px; text-align: center; font-family: Helvetica, Arial; }a { color: #000; }a.box { text-decoration: none; display: inline-block; color: #FFF; background: #000; padding: 10px; margin: 10px 10px 10px 50px; }.big { font-size: 2em; display: inline-block; margin: 10px; }.container { position: relative; display: inline-block; width: 533px; height: 380px; }#robot { position: absolute; top: 0px; left: 0px; z-index: 1; --box-shadow: 0px 0px 20px 0px #707070; -moz-box-shadow: 0px 0px 20px 0px #707070; box-shadow: 0px 0px 20px 0px #707070; }#redux { position: absolute; top: 0px; left: 0px; z-index: 2; }

5、代码整体结构。

6、查看效果。