使用 CSS 在按钮悬停时淡入

ID:13394 / 打印

使用 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>
上一篇: CSS 背景原点属性
下一篇: CSS 网格间隙

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。