html/css代码里怎么将图片设置成somediv并使用hover？
想做一个下雨的车窗，当鼠标移到一颗水珠上时水珠消失落下，目前已经抠好了雨滴图但是不知道怎么把雨滴这张图变成somdiv……课上只学了直接创建图形的<head><style...
想做一个下雨的车窗，当鼠标移到一颗水珠上时水珠消失落下，目前已经抠好了雨滴图但是不知道怎么把雨滴这张图变成somdiv……课上只学了直接创建图形的
<head>
<style>
#somediv
{
position: absolute;
width:400px;
height:400px;
left: 0;
top: 0;
background-color: blue;
transition: 2s;
}
#somediv:hover
{
left: 400px;
opacity:0;
border: 100px solid black;
background-color: orange;
transform: rotate(90deg);
}
</style>
</head>
<body>
<div id="somediv"></div>
</body> 展开
<head>
<style>
#somediv
{
position: absolute;
width:400px;
height:400px;
left: 0;
top: 0;
background-color: blue;
transition: 2s;
}
#somediv:hover
{
left: 400px;
opacity:0;
border: 100px solid black;
background-color: orange;
transform: rotate(90deg);
}
</style>
</head>
<body>
<div id="somediv"></div>
</body> 展开
展开全部
background: url(雨滴图片路径);
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还是用js吧，鼠标放上去的时候再给小雨滴设置一个向下的动画，移开的时候停止动画
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
按你的想法，没个雨滴都得是一个dom元素才行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
