首页 > 代码库 > /*去hover动画效果*/

/*去hover动画效果*/

 1 <!DOCTYPE html>
 2 /*去hover动画效果*/
 3 <html lang="en">
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Title</title>
 7     <style>
 8         .ele{
 9             background-color: #dddddd;
10             border: 2px solid transparent;/*去hover动画效果*/
11         }
12         .ele:hover{
13             border: 2px solid red;
14         }
15         .ele:hover .ele-item{
16             color: red;
17         }
18     </style>
19 </head>
20 <body>
21     <div class="ele">
22         <div>123</div>
23         <div class="ele-item">123</div>
24     </div>
25 </body>
26 </html>

 

/*去hover动画效果*/