Tân Nguyễn Tân Nguyễn - 1 year ago 85
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