- 博客(5)
- 收藏
- 关注
RSS订阅原创 css-margin collapse外边距折叠
1.多个相邻（兄弟或者父子关系）普通流的块元素垂直方向marigin会重叠折叠的结果：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。折叠的产生情况：1.必须是处于常规文档流（非float和绝对定位）的块级盒子,并且处于同一个BFC当中。2.没有线盒，没有空隙（clearance，下
2016-07-13 10:53:40
3384
1
原创 css-position，float，display的关系和优先级
display的转换对应表 设定值 计算值 inline-table table inline, run-in, table-row-group, table-column, table-column-group,table-header-group, table-footer-group, table-row, table-cell,table-caption, inline-b
2016-07-13 10:47:25
3122
原创 css3-loading效果
5个圆圈loading图 1.父容器container绝对定位父元素在屏幕中间2.子元素div画出五个div,设置border-radius，然后内联变成一行3.子元素div动画每个子元素放大缩小，但是依次给个动画延迟，则是很好的loading效果https://github.com/wanghuanweb/wanghuan.github.io/tree/master/css/css3%E5%8A
2016-07-09 15:10:41
717
原创 css3-3D透明照片墙
1.准备n张照片div放入照片，在同一个父级容器下设置父类的transform-style:preserve-3d和persepective六个div设置成绝对定位，重叠在一起2.子元素做简单的变换，成旋转木马形状图片子元素用transform:rotate旋转因此是绕 Y 轴的，我们关心的是 rotateY 的大小，根据我们添加的图片数量，用 360° 的圆周角将每个图片等分，也就是让每张图片绕
2016-07-09 13:42:56
2786
原创 css3-立方体3d旋转动画
1.准备六个面div做出六个面，在同一个父级容器下 父级容器的transform-style:preserve-3d 六个div设置成绝对定位，重叠在一起2.父元素做简单的变换父元素用transform:rotate旋转3.每个子页面做3D变换每个子页面则用rotate旋转，和translate平移4.父元素做动画代码： https://github.com/wanghuanweb/wangh
2016-07-08 17:04:54
827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人