css 鼠标移动到框里有阴影

html-css010

css 鼠标移动到框里有阴影,第1张

使用box-shadow属性:

案例:

div:hover{

box-shadow: 2px 4px 6px #000

}

box-shadow: 2px 4px 6px #000

2px : 表示水平阴影的位置

4px : 表示垂直阴影的位置

5px : 表示模糊距离

#000 : 表示阴影的颜色(#000 黑色)

<style type="text/css">

    img:hover{

        box-shadow: 6px 6px 6px #666

    }

</style>