0

What I want is to make it look like a Whatsapp icon that appears in Android phones i.e without the square black background. How to achieve this?

I have a line icon of whatsapp use its give me whatsapp icon with white background now i want to change its background color to black using CSS.

If i changed background color its shape change to square format.

Ravi Chauhan
  • 13
  • 1
  • 6

1 Answers1

0

I don't fully understand what you are trying to do, Please put in more detail

But you can try this:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Change Image on Hover in CSS</title>
<style>
    .card {
        width: 130px;
        height: 195px;
        background: url("black image link") no-repeat;
        display: inline-block;
    }
    .card:hover {
        background: url("white image link") no-repeat;
    }
</style>
</head>
<body>
    <div class="card"></div>
</body>
</html>
Crann Moroney
  • 356
  • 2
  • 4
  • 13