单击此 css3 webkit 动画时如何将其连接到元素?

发布于 2024-09-15 15:16:35 字数 150 浏览 5 评论 0原文

我知道,一个很简单的问题,但我不知道!

我有:

.touch img{
-webkit-transform: scale(2);
}


当有人单击该元素时,如何激活它?

谢谢!

I know, a very simple question, but I don't know!

I have:

.touch img{
-webkit-transform: scale(2);
}

How would I make that activate when someone clicks on the element?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(3

2024-09-22 15:16:35
$(function() {
 $('#click').click(function() {
    $('.touch img').css({'-webkit-transform' : 'scale(2)'})
 });
});

这应该有效:)

$(function() {
 $('#click').click(function() {
    $('.touch img').css({'-webkit-transform' : 'scale(2)'})
 });
});

This should work :)

玉环 2024-09-22 15:16:35

制作:

.touch img.clicked

并使用脚本:

$(".touch img").click(function(){this.addClass("clicked")});

Make it:

.touch img.clicked

And use the script:

$(".touch img").click(function(){this.addClass("clicked")});
倾其所爱 2024-09-22 15:16:35

active 是您正在寻找的伪类。

.touch img:active{
    -webkit-transform: scale(2);
}

active is the psuedo class you're looking for.

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