照片墙
来源:互联网 发布:知乎 陈寅恪 成就 编辑:程序博客网 时间:2024/05/15 04:02
.container{ width: 960px; height: 450px; margin: 60px auto; position: relative;/*相对定位*/}img{ padding: 10px 10px 15px; background-color: white; border: 1px solid #dddddd; width: 270px; position: absolute;/*相对定位*/ -webkit-transition: .5s;/*转换时间*/ z-index: 1;}img:hover{ -webkit-transform: rotate(0deg);/*鼠标浮动不偏转*/ -webkit-transform:scale(1.2);/*放大倍数*/ box-shadow:10px 10px 15px #ccc;/*盒子阴影*/ z-index: 2;/*鼠标浮动在最上层*/}.pic1{ left: 0; top:0; -webkit-transform: rotate(-5deg);/*原始偏转角度*/ }.pic2{ left: 250px; top:-20px; -webkit-transform: rotate(10deg);}
阅读全文
0 0
- 照片墙
- 照片墙
- 照片墙
- 照片墙
- 照片墙---
- 照片墙
- 照片墙
- 照片墙
- 照片墙
- 全球照片墙
- 照片墙功能
- CSS3制作照片墙
- 照片墙动态效果
- CSS3 简易照片墙
- 绚丽照片墙效果
- 照片墙翻转
- Bitmap实现照片墙
- css3照片墙
- 内存分析------>堆与栈
- IO基础之File类的简单说明
- 在页面跳转过程中携带数据
- 计算机通信网络安全的思考
- 【mybatis学习】MyBatis之ResultMap简介,关联对象
- 照片墙
- C语言的运算符
- ZooKeeper概述(转)
- Android视图绘制流程完全解析,带你一步步深入了解View(二)
- 2017 多校训练第二场 HDU 6055 Regular polygon
- gmock解决不支持右值引用的问题
- 自定义线程池
- 20170727mabitas
- java web学习