1
A
回答
2
通过增加边界半径与IMG以及解决它。不知道你是否想要。请评论这件事情与否!
a {
width: 100px;
height: 100px;
background: #000;
display: block;
border: 2px solid #000;
border-radius: 50%;
overflow: hidden;
}
img {
max-width: 100%;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
border-radius: 50%;
}
img:hover {
opacity: 0.5;
}
相关问题
- 1. 圆角转换悬停的图像
- 2. CSS3图像转换没有悬停
- 3. 与CSS3悬停的背景图像不透明度转换
- 4. 旋转图像悬停div
- 5. css3转换没有悬停?
- 6. 圆外圆形转换
- 7. 使图像/ div褪色与CSS3,而不使用悬停
- 8. 悬停旋转div中的图像
- 9. CSS3 Transition:如何在悬停时添加转换到这个div?
- 10. 将CSS3转换悬停在嵌套div上
- 11. CSS3悬停转换奇怪的行为
- 12. css3转换之前的内容悬停
- 13. div内的圆形图像
- 14. CSS3:如果图像悬停,更改页面背景图像
- 15. 图像形成div(CSS3)
- 16. 使用悬停在CSS上的圆形图像发光
- 17. CSS:关于悬停的tint圆形div?只有在div后面着色?
- 18. 悬停时的图像转换
- 19. CSS3动画和悬停转换
- 20. 使用CSS3转换延迟mouseout /悬停
- 21. CSS3转换不会触发悬停
- 22. 如何添加不同的CSS3悬停转场悬停与CSS
- 23. 链接一个div与图像悬停
- 24. 让div滑动点击并使用css3转换悬停
- 25. 圆形边框与间距悬停
- 26. 悬停在重叠的CSS3形状上
- 27. 如何在悬停时进行圆形映射图像更改?
- 28. 图像悬停转换表 - CSS
- 29. 悬停转换背景图像
- 30. CSS3背景图像悬停过渡
这是一个很好的解决方案,谢谢:) –
欢迎您! :) – Jacob