Html 如何在多个图像上使用相同的效果,但不影响我没有使用的图像';你没有在上空盘旋吗?
嗯。所以我在一个表中有6个图像,每行3个,我有2行。我想将“成长”效果应用到我所有的六幅图像上。所以我就这么做了,但一切都开始以一种难以选择的方式改变其他一切。你知道我该怎么做吗 CSS: HTML:Html 如何在多个图像上使用相同的效果,但不影响我没有使用的图像';你没有在上空盘旋吗?,html,image,css,html-table,Html,Image,Css,Html Table,嗯。所以我在一个表中有6个图像,每行3个,我有2行。我想将“成长”效果应用到我所有的六幅图像上。所以我就这么做了,但一切都开始以一种难以选择的方式改变其他一切。你知道我该怎么做吗 CSS: HTML: 提前感谢您的所有回答。您可以使用transform: .raste img { height: 190px; width: 300px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
提前感谢您的所有回答。您可以使用transform:
.raste img {
height: 190px;
width: 300px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.raste img:hover {
-webkit-transform:scale(1.079);
transform:scale(1.079); /*average value, set it to your needs */
}
你能分享小提琴/代码助手吗?你需要提供一些代码,否则你的问题就不清楚了。raste img{高度:190px;宽度:300px;-webkit转换:全部0.3s易用;-moz转换:全部0.3s易用;-o转换:全部0.3s易用;-ms转换:全部0.3s易用;转换:全部0.3s易用;}.raste img:hover{width:315px;height:205px;}使用transform:scale(1.075)左右resizing@MaticToni您可能需要前缀供应商,您尝试了哪些浏览器?
<td>
<li>
<a href="project1.html">
<div class="raste">
<img src="log.jpg" alt="" width="300" />
</div>
</a>
</li>
</td>
.raste img {
height: 190px;
width: 300px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.raste img:hover {
-webkit-transform:scale(1.079);
transform:scale(1.079); /*average value, set it to your needs */
}