Hintergrundunschärfe

Justo, consequat vitae, tellus. ante, eleifend Aenean Etiam justo, amet, dolor. Aliquam natoque in, varius In eleifend sit pretium eget ut, enim. porttitor tincidunt. Donec pretium. massa. Quisque Vivamus Aenean vulputate Nulla Lorem dis laoreet. lorem felis, ultricies enim. dictum eget, dapibus nec, rhoncus feugiat Phasellus pede parturient vel augue. nisi dui. pede a, mus. ligula Nam felis Aenean vitae, commodo consectetuer nisi. elementum dolor Curabitur quis, fringilla Aenean imperdiet eu, quis, rutrum. et magnis ipsum Nullam Aenean montes, eu, nulla Cras viverra penatibus Integer justo. quam ligula, Cum sociis imperdiet. viverra pellentesque vel, arcu. a, mollis ullamcorper consequat vulputate ridiculus ac, leo venenatis enim ultricies elit. ultricies aliquet Donec metus eget massa tellus. nisi. quis semper sem. adipiscing dapibus. eu ut nascetur nec, Justo, consequat vitae, tellus. ante, eleifend Aenean Etiam justo, amet, dolor.

.parent {
  position: relative;
  padding: 10px;

  .backdrop-blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);

    &:hover {
      backdrop-filter: none;
    }
  }
}
// postcss.config.js
plugins: [require('autoprefixer')]

Quelle