慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

CoderJoy

animation-direction:alternate; 偶数次向前播放，基数次反方向还有个值是normal

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-02-27
CoderJoy

animation-direction:normal | alternate [, normal | alternate]*

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-02-27
CoderJoy

animation-iteration-count:5; 设置动画播放次数，infinite为无限循环

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2016-02-27
CoderJoy

animation-duration: <time>[,<time>]*

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2018-03-22
CoderJoy

/*transition-property: background-color,color,margin-left;*/ /*transition-property: all; */ /*指定过度属性*/ /*transition-duration: 1s; */ /*设置过渡时间*/ /*平滑过渡*/ /*transition-timing-function: ease;*/ /*默认是ease*/ /*transition-timing-function: linear;*/ /*匀速*/ /*transition-timing-function: ease-out;*/ /*减速*/ /*transition-timing-function: ease-in;*/ /*加速*/ /*transition-timing-function:ease-in-out;*/ /*先加速再减速*/ /*transition-timing-function：cubic-bezier(0.25,0.65,0.88,0.25)*/ /*通过贝塞尔曲线自定义*/ /*跳跃式过渡*/ /*transition-timing-function: steps(1,end);*/ /*延迟效果*/ /*transition-delay: 1s;*/ /*transition-delay: 0s,1s,0s;*/ /*时间是和上面的设置过渡属性的内容一一对应的，这个设置说明是字体延迟一秒，其他的不延迟*/ /*简写有两种方法：*/ transition: background-color 1s ease 0s,color 1s ease 1s,margin-left 1s ease 0s; /*transition: all 1s ease 0s;*/

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-02-27
CoderJoy

在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，声明过渡元素最终状态样式，比如悬浮状态；第三，在默认样式中通过添加过渡函数，添加一些不同的样式。 CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-02-27
CoderJoy

.wrapper div { background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .transform-origin div { -webkit-transform-origin: left top; transform-origin: left top; } 设置变形起始位置

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2016-02-27
CoderJoy

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-02-27
CoderJoy

-webkit-transform: translate(50px,100px); -moz-transform:translate(50px,100px); transform: translate(50px,100px); } 变形：移动（x轴 y轴）

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-02-27
CoderJoy

scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-02-27
CoderJoy

scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-02-27
CoderJoy

-webkit-transform: skew(45deg); -moz-transform:skew(45deg) transform:skew(45deg); } 扭曲函数有xy两个值，不设定值表示0

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-02-27
CoderJoy

-webkit-transform: rotate(45deg); transform: rotate(45deg); 旋转，可为负值

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-02-27
CoderJoy

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
CoderJoy

使用“:read-write”选择器来设置不是只读控件的文本框样式

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-02-27

首页上一页 618 619 620 621 622 623 624 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果