这个鼠标悬停效果是怎么出来的，需要加什么css属性

img


这个鼠标悬停效果是怎么出来的，需要加什么css属性。
这个鼠标悬停效果是怎么出来的，需要加什么css属性。

标签上加个title属性就行

<div title="啊哈哈我是文本">文字</div>

hover

img


<title>菜鸟教程(runoob.com)</title> 
<style> 
#myDIV
{
    width:100%;
    height:200px;
    background:red;
    animation:mymove 5s infinite;
    /*Safari 和 Chrome:*/
    -webkit-animation:mymove 5s infinite;
}
    
    .box {
        width: 200px;
    }
    
    .box:hover {
        box-shadow: 0 10px 8px 1px #C8D0DE;
    }

@keyframes mymove
    {
    from {background-color:red;}
    to {background-color:blue;}
}

/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
    from {background-color:red;}
    to {background-color:blue;}
}
</style>

</head>
<body>
<div class='box'>
    <div id="myDIV"></div>
    <div style='text-align: center;border: 1px solid #999;'>内容</div>
</div>
</body>
</html>

使用了C3的边框阴影