还是很搞,有点弄不明白
* {
margin: 0 auto;
padding: 0;
}
div{width: 500px;height: 270px;border:10px solid rgba(0,0 ,255,.25);
background:url(http://img1.sycdn.imooc.com/climg//582c342b0001fd6507000210.jpg) no-repeat;
background-size: cover;
padding: 10px;
background-clip:padding-box;
}
div:hover{background: url(http://img1.sycdn.imooc.com/climg//582c34220001091605000150.jpg) no-repeat 10px 10px;
background-size: cover;
background-clip: border-box;
background-origin: content-box;
}
8
收起
正在回答
1回答
同学你好,代码效果实现了哦,很棒,继续加油!
同学是哪里不明白呢,可以把这一部分指出来,老师根据你的疑问来进行解答。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧