Skip to main content
Wolfgang.H
Wolfgang.H
Inspiring
Dec 11, 2020 7:00 PM UTC
Answered

Gradient Blur?

Can you make a gradient blur?  So, I want to drop a transparent rectangle with a background blur at the bottom of my screen, and I want the elements behind it to look more blurry as they get closer to the bottom.  I've seen this a lot (it basically lets the user know they can scroll down) but I can't figure it out in XD.  Thanks!

      Spas K.
      Spas K.Correct answer
      Community Expert
      Dec 12, 2020 11:49 AM UTC

      Hi Wolfgang, unfortunately, right now you can't.

       

      I thought if you add a fading alpha gradient to the blurring element, it will mask the blur effect based on the gradient, but Xd seems to only do edge vector based masking. You can't mask gradually per-pixel like in Photoshop. Blending modes don't affect it either. I guess it's a bit too much to ask from Xd right now 🙂

      View reply

      6 replies

      KATARINABLUE
      Participant
      Feb 19, 2024 10:51 PM UTC

      Gradien have to start white red blue..

      Translate
      gregciro
      Participant
      Dec 14, 2023 7:38 PM UTC

      It's almost 2024... is it possible now?

      Translate
        mowglivj
        Inspiring
        Sep 8, 2022 2:31 PM UTC

        It's 2022, is it possible now?

         

        Translate
          Bram23876821w040
          Participant
          Mar 14, 2023 8:34 AM UTC

          nope

           

          Translate
          Spas K.
          Community Expert
          Spas K.Community ExpertCorrect answer
          Community Expert
          Dec 12, 2020 11:49 AM UTC

          Hi Wolfgang, unfortunately, right now you can't.

           

          I thought if you add a fading alpha gradient to the blurring element, it will mask the blur effect based on the gradient, but Xd seems to only do edge vector based masking. You can't mask gradually per-pixel like in Photoshop. Blending modes don't affect it either. I guess it's a bit too much to ask from Xd right now 🙂

          Translate
          KATARINABLUE
          Participant
          Feb 19, 2024 10:52 PM UTC
          quote

          Hi Wolfgang, unfortunately, right now you can't.

           

          I thought if you add a fading alpha gradient to the blurring element, it will mask the blur effect based on the gradient, but Xd seems to only do edge vector based masking. You can't mask gradually per-pixel like in Photoshop. Blending modes don't affect it either. I guess it's a bit too much to ask from Xd right now 🙂


          By @Spas K.

           

          Translate
          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices