Home Forums SEA WordPress Theme Menu items mix-blend-mode

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21164
    deads_hot
    Participant
    Purchased

    I’m working with some menu items that are always on screen, and images are scrolling behind them. I want to use mix-blend-mode in custom CSS so the color of the menu items change depending on the image behind them. When I try it in css mix-blend-mode turns red and my menu items disappear. I’m using this code:

    .head-meta
    {
    mix-blend-mode: difference;
    }

    Am I doing something wrong?

    #21171
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Could you please leave the issued webpage URL? I need to check it with the lived webpage, thanks!

    Regards!

    SeaTheme

    #21191
    deads_hot
    Participant
    Purchased

    Hi

    Sorry for my late response!

    This is the URL: https://www.benoitvangeel.be/

    I would like mix blend mode on the menu items in the corners

    #21198
    SeaTheme
    Keymaster
    Purchased

    Hi

    It means that mix-blend-mode:difference works if the menu is disappear. If the css is set for the text, it will be disappear. I recorded a video(check video here) for this codepen sample: https://codepen.io/ohhelloana/details/oNXoxQb

    Best

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!