码迷,mamicode.com
首页 > 其他好文 > 详细

/*带动画效果的hover*/

时间:2017-03-06 21:15:41      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:span   blog   style   class   over   doctype   har   pre   head   

 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;/*带动画效果的hover*/
10         }
11         .ele:hover{
12             border: 2px solid red;
13         }
14         .ele:hover .ele-item{
15             color: red;
16         }
17     </style>
18 </head>
19 <body>
20     <div class="ele">
21         <div>123</div>
22         <div class="ele-item">123</div>
23     </div>
24 </body>
25 </html>

 

/*带动画效果的hover*/

标签:span   blog   style   class   over   doctype   har   pre   head   

原文地址:http://www.cnblogs.com/shiluoliming/p/6511713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!