过渡不适用于CSS中悬停的“ img”标签

阿里·巴哈里(Ali Bahaari)

img当父标记a悬停时,我想移至顶部4px 所以我有这样的事情:

<a href="">
    <img src="GitHub.png" alt="GitHub" />
</a>

而我的CSS:

a:hover > img {
  position: relative;
  bottom: 4px;
}

当我申请transitiona或者img,它不顺畅。我怎么了

科林·查德威克

使用transform代替bottom

a:hover > img {
  position: relative;
  transform: translateY(-4px);
}

img {
  transition: transform 1s;
 }
<a href="">
    <img src="https://placehold.it/50" alt="GitHub" />
</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS过渡时间不适用于所有元素,li和anchor标签中的单词不能随时间变化

来自分类Dev

Vue 2.x过渡不适用于HTML标签ID CSS

来自分类Dev

CSS悬停img不适用于其他类不透明度

来自分类Dev

v-tooltip中的HTML img标签不适用于vue.js

来自分类Dev

CSS缩放不适用于iOS 8 Mobile Safari中<a>中的<img>

来自分类Dev

CSS:宽度属性不适用于 div 标签

来自分类Dev

悬停效果不适用于CSS过渡

来自分类Dev

html2canvas边框半径不适用于img标签

来自分类Dev

html2canvas边框半径不适用于img标签

来自分类Dev

垂直对齐中间不适用于h2和img标签

来自分类Dev

在React中,SetInnerHTML不适用于html标签。

来自分类Dev

样式不适用于gradle中的p标签

来自分类Dev

填充不适用于角形材质中的html标签

来自分类Dev

选择标签不适用于表格中的“提交”按钮

来自分类Dev

在React中,SetInnerHTML不适用于html标签。

来自分类Dev

标签不适用于 cakephp 3 中的日期选择

来自分类Dev

jQuery toggleClass不适用于标签

来自分类Dev

多个标签不适用于Jquery

来自分类Dev

单击标签不适用于HTML

来自分类Dev

Img未显示在img标签reactjs中

来自分类Dev

height="100%" 适用于 <object> 但不适用于 <img>,HTML 与 CSS 宽度/高度属性的区别?

来自分类Dev

如何覆盖css的img标签

来自分类Dev

计算div标签中img标签的数量

来自分类Dev

理解为什么纯CSS视差效果适用于div,但不适用于body标签吗?

来自分类Dev

PHP中的Img标签替换

来自分类Dev

在img标签中定位SVG?

来自分类Dev

使用img标签中的数据

来自分类Dev

React的img标签中的onError

来自分类Dev

img标签中的渐变属性