CSS изображение стирает анимацию

Question

Из затираемого изображения хитрости CSS >>> http://css -tricks.com / webkit-image-wipes /

Я испробовал описанную выше технику, но безуспешно, только когдаиспользуйте:

<div><span id="image"></span></div> 

вместо

<div><img src="" /></div>

Кто-нибудь когда-либо пробовал это раньше?Есть ли обходной путь?

Спасибо за помощь.

Answer 1

Ваш тег span не закрыт.Вы написали </span вместо </span>

Изменить отметьте это http://jsfiddle.net/sandeep/jqacs/5/

Я использую цвет вместо изображения, потому что они не работают, но этоне имеет значения.

Изменения я удаляю position:absolute & z-index из идентификатора диапазона tunnel_mask1 & tunnel1. Так, в диапазоне, указанном display:block.

Примечание: , если необходимо присвоить position:absolute идентификатору вашего диапазона, тогда укажите свойства анимации в #tunnel1 вместо div: nthchild (2) *