Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在多个图像上使用相同的效果,但不影响我没有使用的图像';你没有在上空盘旋吗?_Html_Image_Css_Html Table - Fatal编程技术网

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;

嗯。所以我在一个表中有6个图像,每行3个,我有2行。我想将“成长”效果应用到我所有的六幅图像上。所以我就这么做了,但一切都开始以一种难以选择的方式改变其他一切。你知道我该怎么做吗

CSS:

HTML:



  • 提前感谢您的所有回答。

    您可以使用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 */
    }