css imagem背景缩放悬停

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css imagem背景缩放悬停相关的知识,希望对你有一定的参考价值。

.page-list {
  overflow: hidden;
}

a .page-list div {
  background-size: cover;
  display: block;
  height: 100%;
  transform: scale(1, 1);
  transition: transform 0.4s;
}

a:hover .page-list div {
  transform: scale(1.05, 1.05);
}

以上是关于css imagem背景缩放悬停的主要内容,如果未能解决你的问题,请参考以下文章

同时悬停时半透明背景和缩放[重复]

使用 CSS 变换在悬停时缩放 SVG 矩形

使用 CSS 或 AngularJS 的 SVG 路径元素悬停缩放

使用 CSS 在悬停图像上创建缩放效果?

css 图像div悬停缩放效果

css Semama imagem sai fora da sua div por ser maior isto adapta a div ao tamanho da imagem