将鼠标悬停在dropzone.js中的图像预览上方时，消除模糊效果

Question

我正在使用dropzone.js，当我将鼠标悬停在上传的图像预览上方时，我想消除模糊效果。

在示例中，您可以直接从dropzone主页上的网站上观察到此行为。 https://www.dropzonejs.com/

谢谢大家！

Answer 1

找到了！

我们需要覆盖此类：

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px); }

改变 -webkit-filter：none; 过滤器：无；

谢谢

Answer 2

尝试使用检查器并检查它给您带来那种效果的类，我认为它被称为dz-preview或dz-details，然后将css更改为您喜欢的样式，或者通过对其进行注释来消除悬停效果。

Answer 3

您可以这样做

.dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(0px);
    }