摘要：RGBA(R,G,B,A) 取值： R：红色值。正整数 | 百分数 G：绿色值。正整数 | 百分数 B：蓝色值。正整数 | 百分数 A：Alpha透明度。取值0~1之间。 下面是用rgba() 设置50%透明度的白色. color: rgba(255, 255, 255, 0.5); RGBA是RG 阅读全文

摘要：.w100{ display:block; //避免图片有间距问题 widht:100%; } 描述一个元素旋转： .div{ animation: round 6s linear infinite; } @keyframes round{ 0%{ transform:rotate(0deg); } 阅读全文

摘要：transform ：旋转（rotate） 、扭曲（skew） 、缩放（scale）、移动（translate） transition 平滑移动 animation 动画 与 keyframes帧搭配使用 @keyframes mymove{from {left:0px;}to {left:200p 阅读全文

摘要：transition 允许css的属性值在一定的时间区间内平滑的过度，这种效果可以在鼠标点击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 transition :<property><duration> <animation type> <delay> trans 阅读全文

摘要：在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。一、旋转rotate rotate(<angle>):通过指定的角度参数对原元素指定一个2D旋转，需要有transform-origin属性的定义。tran 阅读全文

摘要：语法 background: linear-gradient(direction, color-stop1, color-stop2, ...); background: linear-gradient(top, #fff, #000); 可以写多个颜色 background:-webkit-lin 阅读全文

摘要：语法 来自w3c 阅读全文

摘要：定义和用法 box-shadow 属性向框添加一个或多个阴影。 语法 单词解释：blur:模糊 spread:伸展 inset:内凹 参数解释： offset-x：必需，取值正负都可。offset-x水平阴影的位置。 offset-y：必需，取值正负都可。offset-y垂直阴影的位置。 blur: 阅读全文

摘要：定义和用法 border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。 语法 据w3c上的官方解释 设置两个参数时： 上左与下右值为一致， 上右与下左值为一致； （tips:两个参数时，斜对角值是相等的） 未简写时：border-radius:5px 10p 阅读全文