Fade in on Button hover with CSS

You can try to run the following code to fade in on button hover with CSS

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          .btn {             background-color: orange;             color: white;             padding: 10px;             text-align: center;             font-size: 16px;             margin: 5px;             opacity: 0.5;             transition: 0.5s;             display: inline-block;             text-decoration: none;             cursor: pointer;          }          .btn:hover {             opacity: 2          }       </style>    </head>    <body>       <button class = "btn">Result</button>    </body> </html>
Updated on: 2020-06-24T08:31:03+05:30

827 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements