Effect map :

Code example :
<!DOCTYPE html> <html> <head> <style> button:hover{ background: #ccc; }
.ntrol-layout .cheader .menu-bottom .ht-button { min-width: 96px; position:
relative; } .ht-button--small { padding: 6px 15px; font-size: 14px;
border-radius: 4px; } .ht-button { display: inline-block; line-height: 1;
white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #ccc;
border-color: #ccc; color: #333; -webkit-appearance: none; text-align: center;
-webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin:
0; -webkit-transition: .1s; transition: .1s; font-weight: 400;
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
padding: 6px 15px; font-size: 14px; border-radius: 4px; } </style> </head>
<body> <p><b> notes :</b>:hover Button hover style .</p> <button type="button" name="button"
class="ht-button ht-button--default ht-button--small"> I'm the button </button> </body>
</html>
 

Technology
©2019-2020 Toolsou All rights reserved,
What are the protection measures for website security ? Talking about uni-app Page value transfer problem Remember once EventBus Project issues caused by memory leaks I've been drinking soft water for three years ? What is the use of soft water and water softener Time conversion front desk will 2020-07-17T03:07:02.000+0000 Into 2020-07-17 11:07:02 Chuan Shen Count the number of letters (java Language implementation ) Time format 2020-01-13T16:00:00.000Z Medium T and Z What do they mean , How to deal with it msf Generate Trojan horse attack android mobile phone The world's first free open source ERP Odoo Ubuntu The best development environment What's the difference in server prices ?