Why background color is not working properly
I want to change background color from green to red when hovering but it's working but the problem is before I hovered the color is changing from white to green then after hovering it's changed to red ..... Where is the error please help me! And I don't know how to insert the code <!DOCTYPE html> <html lang="en"> <head> <title>Page title</title> <link rel="stylesheet" href="6- Multiple Transform.css"></link> </head> <body> <div class="Box"></div> </body> </html> Css- div{ background:greenyellow; width: 100px; height: 100px; margin-top: 200px; margin-left: 36%; transition:background-color 3s, transform 2s; } div:hover{ background-color: red; transform: rotate(30deg) scale(0.5,2) translate(50px,50px) skew(30deg,30deg) ; }
Often have questions like this?
Learn more efficiently, for free:
