使用了大量的动态效果,鼠标移入显示,移出隐藏,鼠标悬停,移入放大等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;
}