CSS blur filter does not work inside preserve-3d

Issue #13570128 • Assigned to wptcomptri@microsoft.com

Details

Author
Anthony F.
Created
Sep 3, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
40.15063
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

CSS:

.preserve3d {
  transform-style: preserve-3d;
}

.blur-filter {
  filter: blur(5px);
}

HTML:

<div class="preserve3d">
  <div class="blur-filter">
    Hello World
  </div>
</div>

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “wptcomptri@microsoft.com”

    You need to sign in to your Microsoft account to add a comment.

    Sign in