照片墙
来源:互联网 发布:剑灵人族捏脸数据下载 编辑:程序博客网 时间:2024/04/28 08:52
图片斜放,鼠标移上时,摆正并放大1.2倍
<style>
.container{
margin:60px auto; //主体居中
position:relative;
}
.container img{
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
transition:all 0.5s ease-in; //设置过渡参数
position:absolute;
z-index:1;
}
.container img:hover{
-webkit-transform:rotate(0deg) scale(1.20);
-moz-transform:rotate(0deg) scale(1.20);
transform:rotate(0deg) scale(1.20); //鼠标移上时,转换效果
z-index:2;
}
.pic1{
left: 400px;
top: 0;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg); //原始转换效果
}
.pic2{
top: 0;
left: 600px;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
transform: rotate(-20deg);
}
</style>
<body>
<div class="container">
<img class="pic pic1" src="images/mm1.jpg">
<img class="pic pic2" src="images/mm2.jpg">
</div>
</body>
- 照片墙
- 照片墙
- 照片墙
- 照片墙
- 照片墙---
- 照片墙
- 照片墙
- 照片墙
- 照片墙
- 全球照片墙
- 照片墙功能
- CSS3制作照片墙
- 照片墙动态效果
- CSS3 简易照片墙
- 绚丽照片墙效果
- 照片墙翻转
- Bitmap实现照片墙
- css3照片墙
- samba 使用
- Promise对象和Deferred对象
- ubuntu 14.10 编译 android 4.4kitkat
- 随想-自我调节
- 胖核心与瘦核心
- 照片墙
- 《C语言及程序设计》实践项目——数据的输入
- Linux 和类 Unix 系统上5个最佳开源备份工具
- 让一直用windows的你真正体验Linux
- oc- 文件操作
- manifest权限添加无效
- 导入Actionbarssherlock 和appcompat_v7 冲突的问题以及解决方法
- NOI2005 维修数列
- 【转载】duilib 使用图片素材或者算法给窗体增加阴影(源码和demo)