摘要：
一、视口 1.常见屏幕知识 | 设备 | 解释 | 描述 | | | | | | 宽 | 屏幕的宽度 （单位：英寸） | 屏幕的宽度 | | 高 | 屏幕的高度 （单位：英寸） | 屏幕的高度 | | 对角线 | 屏幕的对角线的长度 英寸 | 一般说手机尺寸 是指以屏幕对角线为衡量 单位是 英寸 | 阅读全文
摘要：
1.动画概述 可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果。 2.语法 1.0%是动画的开始可以用from替代，100%是动画的完成可用to替代。 2.在CSS中用@keyframes中定义动画的样式，在用选择器调用animation调用动画 3.动画是是元素从一种样式逐渐 阅读全文
摘要：
1.模糊效果 2.灰度 3.褐色 4.反色 5.亮度 6.阴影 7.对比度 8.饱和度 阅读全文
摘要：
零碎知识 一、关于背景 1.背景的裁切 控制背景在盒子中的位置 | 选项 | 说明 | | | | | border box | 包括边框 | | padding box | 不含边框，包括内边距 | | content box | 内容区域 | 三者对比： 2.背景平铺 控制背景更在盒子中的分布 阅读全文
摘要：
一、CSS3 3D转换 1.3D 特点：近大远小，物体和面遮挡不可见 1.1三维坐标系 x 轴：水平向右 x 轴右边是正值，左边是负值 y 轴：垂直向下 y 轴下面是正值，上面是负值 z 轴：垂直屏幕 往外边的是正值，往里面的是负值 2.3D移动tranlate3d 2.1 语法 2.2用法 2.3 阅读全文
摘要：
一、CSS3 —2D转换 转换(transform)可以实现元素的位移、旋转、缩放等效果。可以理解为变形。 1. 2D转换之移动translate 可以改变元素的页面中的位置，类似于定位。 1.1语法 1.2用法 利用translate配合定位使盒子垂直水平居中 translate对行内元素和行内块 阅读全文
摘要：
一、介绍 过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果，经常和 :hover 一起 搭配使用。 二、语法 transition: 要过渡的属性 花费时间 运动曲线 阅读全文