慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

adamyolo

嵌入字体

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-09-23
西域码农

text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法： text-overflow:clip(剪切)|ellipsis（显示省略标记）注意： text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。语法： word-wrap:normal(控制连续文本换行)|break-word(内容将在边界内换行) 注意： normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-23
adamyolo

文字溢出省略

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-23
adamyolo

线性渐变

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-09-23
qq_凌_0

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。例如：让动画停在最一帧处。代码如下： animation-fill-mode:forwards;

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-09-23
qq_凌_0

animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; animation-direction:alternate; 播放状态 animation-play-state:paused;paused是停止播放，running是开始播放

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-09-23
qq_凌_0

animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; 播放方向：animation-direction:alternate;normal向前播放。alternate偶数次向前，奇数次向反

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2015-09-23
qq_凌_0

调用动画名称： animation-name:around; 设置动画播放时间属性： animation-duration:5s; 动画播放方式：animation-timing-function: ease; 动画推迟播放时间： animation-delay: 1s; 动画播放次数 animation-iteration-count:infinite;

查看全部

0 采集收起来源：CSS3中调用动画
2015-09-23
qq_凌_0

关键帧@keyframes changecolor{ 0%{ background: red } 20%{ background:blue; height: 300px; width: 400px; color:#000; margin: 10px auto; } 40%{ background:orange; height: 400px; width: 500px; } 60%{ background:green; height: 500px; width: 600px; } 80%{ background:yellow; height: 600px; width:700px; } 100%{ background: red; height: 100px; width: 200px; } }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-09-23
qq_凌_0

过渡延迟时间 transition-delay:.2s

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-09-23
qq_凌_0

transition: all .28s ease-in .1s;

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-09-23
qq_凌_0

过渡函数 transition-timing-function:ease;由快到慢。linear恒速；ease-in加速。ease-out减速、ease-in-out先加速在减速。

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-09-23
qq_凌_0

过渡所需要的时间transition-duration: .5s;

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2015-09-23
qq_凌_0

-webkit-transition-property: width; transition-property: width; -webkit-transition-property: text-shadow； transition-property: text-shadow； -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: .30s; transition-delay:.30s;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-09-23
qq_凌_0

过渡属性 transition-property

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-09-23

首页上一页 762 763 764 765 766 767 768 下一页尾页

0/150

提交

取消

开始学习

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

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