/*带动画效果的hover*/

Posted 失落的黎明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了/*带动画效果的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;/*带动画效果的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*/的主要内容,如果未能解决你的问题,请参考以下文章

150个带动画效果的SVG扁平风格图标

收藏一个带动画效果的ScrollViewer以及ScrollBar的模板

一个加载时带动画效果的ListBoxItem

iOS 使约束带动画效果(Animate NSLayoutconstraints)

带动画的窗口管理器

vue--组件切换--带动画效果---component