-
Use the following css:
.blur-image::before { content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); pointer-events: none; /* make the pseudo class click-through */ } .blur-image { position: relative; width: 720px; height: 480px; background: no-repeat center center; background-size: cover; }
-
Add a div with .blur-image class.
<div class="blur-image" style="background-image: url('URL_IMAGE')" />
Created
September 28, 2020 02:50
-
-
Save dacanizares/d7fee63b90e22ef866e665a064c3ff1c to your computer and use it in GitHub Desktop.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment