PHP前端开发

使用 CSS 在按钮悬停时淡入

百变鹏仔 3个月前 (09-20) #CSS
文章标签 按钮

您可以尝试运行以下代码,以使用 CSS 在按钮悬停时淡入

示例

Live演示

<!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>