-2

I will need your help
I will try to run immediately in css3 animation features demo view.

demo view!!

Example source

http://jsfiddle.net/cyh123123/myndwLn0/embedded/result/

<iframe width="100%" height="300" src="http://jsfiddle.net/cyh123123/myndwLn0/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
ROGER CARSON
  • 9
  • 1
  • 1
  • 2
    Please show us whatever code you have tried till now mate. – Harry Oct 05 '14 at 02:37
  • Is this your code http://jsfiddle.net/cyh123123/myndwLn0/ – Akshay Oct 05 '14 at 03:38
  • Try this it's not really mine http://jsfiddle.net/WUXDb/394/ for more check this http://stackoverflow.com/questions/11903404/javascript-erase-image-with-cursor – Akshay Oct 05 '14 at 03:46

1 Answers1

2

Try this http://jsfiddle.net/myndwLn0/2/

it's really hard i added a lot of these divs and it works on hover you can also change the cursor You can make the 'block's smaller for a better view

so that it covers the image an the added the css

.block{
background-color:green;
width:80px;
height:48px;
position:relative;
float:left;
z-index:10;

 transition:0s 100s;
}

.block:hover{
 transition:0s;
 z-index:-10;
}
Akshay
  • 14,138
  • 5
  • 46
  • 70