CSS 图像擦除动画

发布于 2024-10-29 22:23:31 字数 393 浏览 1 评论 0原文

来自 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浊酒尽余欢 2024-11-05 22:23:31

您的 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's tunnel_mask1 & tunnel1 .So, in span i given display:block .

Note: if it necessary to give position:absolute to your span id then give animation properties in #tunnel1 instead of div:nthchild(2)*

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文