/*去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>
?
轉載于:https://www.cnblogs.com/shiluoliming/p/6511716.html
總結
以上是生活随笔為你收集整理的/*去hover动画效果*/的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux 安装Opencv3.2
- 下一篇： 根据json对象的某一属性对其进行排序