Using template engine as PUG

Html body

    nav#navbar
        ul.flex-container
          div#logo
              img(src='/static/logo3.png')

This is what image logo3.png looks

Can you suggest any css property? Or photoshop tool to do it. Searched but found opacity property which doesn't help.

CodePudding user response：

You should use Google for more of these simplest tasks. This is not the right place to ask these type of questions. You can use an online background remover like

CodePudding user response：

1. We can use background remover online tool as Vivek mention.
2. We can also do it by using css *Invert which changes white background to black. We can also use contrast and other property for it *

   Thanks everyone who helped me in this!

   CodePudding user response：

   Unfortunately this image is not transparent, you can see the gray and white chessboard pattern in the background.

   I suggest you should use a photo editing app to select the content and delete everything other than the selection.