最新版本的Chrome for MacOS(Version 62.0.3202.94 (Official Build) (64-bit)
)似乎在图片上使用css transform
和filter
时表现不佳。滚动时图像会闪烁,或者只是一起消失。这是我正在使用的CSS和一个显示问题的jsfiddle。
.test {
display: block;
transform: rotate(1deg);
filter: drop-shadow(0 1px 5px #000);
margin: 40px 40px 1500px;
}
https://jsfiddle.net/vjb5uLkq/
评论transform
或filter
可以解决问题。如果没有在photoshop中旋转/添加投影,我该如何解决这个问题呢?
.test {
display: block;
transform: rotate(1deg);
filter: drop-shadow(0 1px 5px #000);
margin: 40px 40px 1500px;
}
<div>
<img src="https://placebear.com/200/300" class="test" />
</div>