Html 图像CSS悬停时的缩放效果
我正在尝试在图像悬停时添加缩放效果,我将在下面发布我的代码:Html 图像CSS悬停时的缩放效果,html,css,hover,Html,Css,Hover,我正在尝试在图像悬停时添加缩放效果,我将在下面发布我的代码: <asp:TableRow> <asp:TableCell CssClass="space"> <a href="www.google.com" id="myImage" runat="server"> <img src="Images/myIcon" style="border: none;" alt="my text goes here" />&l
<asp:TableRow>
<asp:TableCell CssClass="space">
<a href="www.google.com" id="myImage" runat="server">
<img src="Images/myIcon" style="border: none;" alt="my text goes here" /></a>
</asp:TableCell>
这是目前没有运行悬停css我已附加。。。你知道为什么它没有运行悬停css吗?。你的例子中似乎没有定义图像:
.image:hover img {
尝试:
使用“缩放”特性缩放和变换动画
.img:hover
{
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
完整的教程点击这里
.space:hover img
.img:hover
{
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}