ee_Andy的博客

css3的动画功能有以下三种:　　1、transition(过度属性)　　2、animation(动画属性)　　3、transform(2D/3D转换属性)下面逐一进行介绍我的理解：1、transition: 　　如-webkit-transition:color 1s等同于:　　-webkit-transition-property:color;　　

http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档 id="css">body,ul,ol{margin:0;padding:0;}li{ list-style:none;}.wrap{width:800px;margin:100px auto 0;}#picList{width:800px;height:360px

CSS3 3D变换使用3D变换时要加上内核（-ms-：IE内核 / -webkit-:Safari 和 Chrome内核 /  -moz- :Firefox 内核 / -o-: Opera 内核）使用3D变换 步骤：1.transform-style:preserve-3d    // 建立3D空间2. 设置景深  perspective:100px;  //

Flexbox   弹性盒子布局最近的工作内容大多是移动端网页的开发，百分比布局，Media Queries,Bootstrap等常规的响应式/自适应的开发技术皆一一试过，但觉以上都不够灵活，所以，一直再尝试寻求更加灵活的精确的移动端网页设计技术。 寻求的过程中知道了两个让我眼前一亮的解决方案：一个是Flexbox;另外一个是REM。 初次见到Flexbox的神奇用法，

响应式布局 Media1.什么事响应式     http://www.cnblogs.com/mofish/archive/2012/05/23/2515218.html Media Queries ：响应式    -->其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确

-- 关键帧 --- keyFrames    ---》》使用时要加各浏览器内核（-ms-：IE内核 / -webkit-:Safari 和 Chrome内核 /  -moz- :Firefox 内核 / -o-: Opera 内核）     --   类似于 flash               --- 只有指明两个状态，之间的过程由计算机自动计算    --   关键帧的