CSS 图像擦除动画
来自 CSS 的技巧图像擦除>>> http://css-tricks.com/webkit-image-wipes/
我有尝试了上面的技术,但只有当我使用 :
<div><span id="image"></span></div>
而不是
<div><img src="" /></div>
以前有人尝试过这个时才没有成功吗?有解决方法吗?
感谢您的帮助。
From CSS's trick image wipe >>> http://css-tricks.com/webkit-image-wipes/
I have tried the technique above but with no success only when I use :
<div><span id="image"></span></div>
instead of
<div><img src="" /></div>
Has anyone ever tried this before? Is there a workaround?
Thanks for the help.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您的
span
标记未关闭。您编写的是而不是
编辑
检查这个
http://jsfiddle.net/sandeep/jqacs/5/
我使用颜色而不是图像,因为它们不起作用,但这并不重要。
变化
我删除了
position:absolute
&z-index
来自跨度 ID 的tunnel_mask1 & tunnel1
。因此,在跨度中我给出了display:block
。注意:如果需要为您的span id提供
position:absolute
,则在#tunnel1
中提供动画属性div 的:第 nthchild(2)*Your
span
tag is not closed. You've written</span
instead of</span>
Edit
check this
http://jsfiddle.net/sandeep/jqacs/5/
i am use color instead of image because they are not working but it's doesn't matter.
Changes
i remove
position:absolute
&z-index
from span id'stunnel_mask1 & tunnel1
.So, in span i givendisplay:block
.Note: if it necessary to give
position:absolute
to your span id then give animation properties in#tunnel1
instead of div:nthchild(2)*