随笔分类 -  css

css3实现翻页卡片
摘要：------ **css3** 实现翻页卡片 应用场景挺多的，比如产品信息展示效果如下[jsfiddle demo](http://jsfiddle.net/NancyChan/2b697oua/)> * transform> * perspective> * backface-visibility... 阅读全文
posted @ 2014-11-28 10:57 NancyChan 阅读(1412) 评论(0) 推荐(0)
css3 3D旋转效果
摘要：# css3 record2------css3 3D旋转效果需理解[`transform`](http://www.w3.org/TR/css-transforms-1/)css3知识：> * keyframes> * transform> * perspective[jsfiddle demo]... 阅读全文
posted @ 2014-11-26 19:03 NancyChan 阅读(597) 评论(0) 推荐(0)
css3箭头效果
摘要：# css3 record1------尝试用css写了个箭头效果思路就是通过`span`和`span`子元素`i`分别通过设置他们的伪元素构造两个箭头,但是`i`构造的箭头两条线`height`都是0,`hover`的时候渐近的动画效果就是`i`箭头的高度变化而来的,还有`rotate`相同的角度... 阅读全文
posted @ 2014-11-25 16:37 NancyChan 阅读(6636) 评论(0) 推荐(0)
两栏布局
摘要：比较常见的布局方式：一栏定宽，另一栏自适应搜集了常用的布局方式,一直在收藏夹. layout Gallery浮动+margin负值Html markup Header ... 阅读全文
posted @ 2014-03-06 01:40 NancyChan 阅读(222) 评论(0) 推荐(0)