Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Remove black border on MultiEffect shadow
Forum Updated to NodeBB v4.3 + New Features

Remove black border on MultiEffect shadow

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
5 Posts 3 Posters 889 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    GreatKahir
    wrote on last edited by GreatKahir
    #1

    Hey,
    using Qt6 QML I want to create neumorphic effect for my UI.
    I've write this. but what is that black border on my shadow effect?! how to remove it?

        Rectangle {
            x: 500
            y: 150
    
            width: 500
            height: 200                
    
            color: "#E0E5EC"
        }
        MultiEffect {                
            source: rec
            anchors.fill: rec
            anchors.margins: 5
            shadowBlur: 0.5
            shadowEnabled: true
            shadowColor: "white"        
            shadowHorizontalOffset: -15
            shadowVerticalOffset: -15        
        }
    

    Screenshot 2023-09-22 211802.png

    1 Reply Last reply
    0
    • G Offline
      G Offline
      GreatKahir
      wrote on last edited by
      #2

      🤔 No idea?

      mzimmersM 1 Reply Last reply
      0
      • G GreatKahir

        🤔 No idea?

        mzimmersM Offline
        mzimmersM Offline
        mzimmers
        wrote on last edited by
        #3

        @GreatKahir it appears to be influenced by the shadowBlur property - making the blur smaller reduces this, though I wasn't able to make it disappear completely.
        Screenshot 2023-10-04 140356.png
        This is on Windows, using Universal style (I also tried Fusion). It's possible it's a bug; you might want to file a bug report on it.

        chrizbeeC 1 Reply Last reply
        1
        • mzimmersM mzimmers

          @GreatKahir it appears to be influenced by the shadowBlur property - making the blur smaller reduces this, though I wasn't able to make it disappear completely.
          Screenshot 2023-10-04 140356.png
          This is on Windows, using Universal style (I also tried Fusion). It's possible it's a bug; you might want to file a bug report on it.

          chrizbeeC Offline
          chrizbeeC Offline
          chrizbee
          wrote on last edited by
          #4

          @mzimmers Offtopic: Would you mind sharing your "Shadow Configurator"?

          mzimmersM 1 Reply Last reply
          0
          • chrizbeeC chrizbee

            @mzimmers Offtopic: Would you mind sharing your "Shadow Configurator"?

            mzimmersM Offline
            mzimmersM Offline
            mzimmers
            wrote on last edited by
            #5

            @chrizbee I don't mind at all. I put a file in gisthub - not sure I did this right. Let me know if you can't access the link.

            https://gist.github.com/mzimmers/1ce460d10f1898aaf4184874ec014fb0

            1 Reply Last reply
            0

            • Login

            • Login or register to search.
            • First post
              Last post
            0
            • Categories
            • Recent
            • Tags
            • Popular
            • Users
            • Groups
            • Search
            • Get Qt Extensions
            • Unsolved