2014年12月3日

《图解CSS3》笔记4 animation动画

摘要: animation通过调用关键帧keyframe来实现动画,包括8个属性:1. animation-name 关键帧名称2. animation-duration 时长3. animation-timing-function 动画函数4. animation-delay5. anim... 阅读全文

posted @ 2014-12-03 23:27 diydyq 阅读(167) 评论(0) 推荐(0) 编辑

《图解CSS3》笔记3 transition过渡

摘要: W3C公布了当前CSS各模块的进展:http://www.w3.org/Style/CSS/current-work过渡:提供了两种状态之间的一种渐变方式,依赖于4个属性,多个过渡使用","逗号隔开:1. transition-property none | all(默认) | 属性名... 阅读全文

posted @ 2014-12-03 23:09 diydyq 阅读(185) 评论(0) 推荐(0) 编辑

Bootstrap使用笔记

摘要: 响应式布局: 根据浏览设备的(分辨率)不同来进行不同的布局和内容展现;通过媒体查询 Media Query实现,@mediaChrome调试器盒子模型的颜色: content 浅蓝色 padding 浅绿色 border 浅黄色 margin 浅棕色布局容器: ... 阅读全文

posted @ 2014-12-03 13:58 diydyq 阅读(157) 评论(0) 推荐(0) 编辑

《图解CSS3》笔记2 transform变形

摘要: 2D transform支持4种变形方式和矩阵, 多种变形函数以空格隔开: 1. 移动 translate(+-xOffset, yOffset) +右移-左移 2. 缩放 scale(0.01~0.99| >1) 0.01~0.99为缩小,>1为放大 3. 翻转 skew() 4. 旋转 rota 阅读全文

posted @ 2014-12-03 00:26 diydyq 阅读(248) 评论(0) 推荐(0) 编辑

导航