Tân Nguyễn Tân Nguyễn - 11 months ago 71
CSS Question

What is this technique called in css?

Default image:

1

After uploading via using

dropzone.js
, hovering it:

2

When I create a custom image with css
opacity: 0.5
:

3

It looks different from the second image. How to make image effecting like the second image via using css (not including text)?

Answer Source

You're looking for CSS Filters, specifically Blur.

filter: blur(5px);

https://developer.mozilla.org/en-US/docs/Web/CSS/filter