Tân Nguyễn Tân Nguyễn - 10 days ago 7
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

You're looking for CSS Filters, specifically Blur.

filter: blur(5px);

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

Comments