Chrome 62.x在css转换和图像过滤方面表现不佳

时间:2017-11-17 09:54:28

标签: css css3 google-chrome

最新版本的Chrome for MacOS(Version 62.0.3202.94 (Official Build) (64-bit))似乎在图片上使用css transformfilter时表现不佳。滚动时图像会闪烁,或者只是一起消失。这是我正在使用的CSS和一个显示问题的jsfiddle。

.test {
  display: block;
  transform: rotate(1deg);
  filter: drop-shadow(0 1px 5px #000);
  margin: 40px 40px 1500px;
}

https://jsfiddle.net/vjb5uLkq/

评论transformfilter可以解决问题。如果没有在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>

0 个答案:

没有答案