lyx_lyq的博客

html代码：    css代码：@-webkit-keyframes action2{                                        /*动画*/            100%{transform:rotate(360deg);}        }        .div2{            width: 200

转载原地址：http://www.adobe.com/cn/devnet/html5/articles/css3-basics.html新增功能从一开始，CSS已经允许你为你的HTML内容的信息定制显示方式。 字体、颜色、背景图像、立体边界等等 均可以通过现有的CSS式样方便地进行配置。 CSS3不会降低 Web的现有能力，相反，它增加和扩展浏览器的能力

一、新增选择器：1. 属性选择器：①　E[att~=”val”]：具有att属性且属性值为 用空格分隔的字词列表，其中一个等于val的E元素。②　E[att^="val"]：以val开头的字符串。③　E[att$="val"]：以val结尾的字符串。④　E[att*="val"]：包含有val的所有字符串。 2. 伪类选择器：①　:not()：不含有S选择符。②

一、2D1. 2D平移：transform：translate()。参数：2个。分别是水平方向，和垂直方向。2. 2D旋转：transform：rotate()。先要有一个transform-origin的定义（transform-origin：变换参照点）3. 2D缩放：transform：scale()。只有1个参数时，水平方向与垂直方向同比例扩大或缩小；参数值代表放大的倍数，不需

//圆角效果border-radius:0 0 0 0;//阴影box-shadow:0 0 0 #fff;box-shadow:0 0 0 #fff inset;//边框应用图片border-image:url() 0 round平铺/repeat重复/strech拉伸;//颜色透明color:rgba(0,0,0,0.8);//渐变色彩backgroun

CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类：transform、transition以及animation。transformrotate设置元素顺时针旋转的角度，用法是：transform: rotate(x);参数x必须是以deg结尾的角度数或0，可为负数表示反向

nimationCSS3中真正的动画属性是animation，而前面的transform和transition都只是对DOM元素的变形或者是状态的过渡。实际上，CSS3所支持的动画效果只是填充动画，也就是说先设定整个动画生命周期中的几个关键状态（key  frame，关键帧），然后动画将自行计算并模拟关键帧之间的过渡。那么在设置animation的属性之前就必须先设定好关键帧了。关键帧@k