【文件属性】:
文件名称:前端 VS 仿小米官网 添加动态效果
文件大小:1.64MB
文件格式:ZIP
更新时间:2022-08-29 09:56:43
小米官网 js
使用了大量的动态效果,鼠标移入显示,移出隐藏,鼠标悬停,移入放大等js效果。请合理参考。
/* 以下是动态页面 */
.content {
width: 200px;
height: 200px;
position: relative;
overflow: hidden;
/* 超出屏幕(溢出的)自动隐藏 */
margin: auto;
}
.content img {
width: 200px;
height: 200px;
float: left;
transition: all 0.6s;
/* 过渡动画,使页面变化更加平滑 */
cursor: pointer;
}