慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

世界上最蠢萌的兔子

animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2017-03-19
世界上最蠢萌的兔子

keyframes move { 0%{ transform: translate(0); } 15%{ transform: translate(100px,180px); } 30%{ transform: translate(150px,0); } 45%{ transform: translate(250px,180px); } 60%{ transform:translate(300px,0); } 75%{ transform: translate(450px,180px); } 100%{ transfrom: translate(480px,0); } }

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2017-03-19
世界上最蠢萌的兔子

animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2018-03-22
世界上最蠢萌的兔子

animation-name: none | IDENT[,none|DENT]*; 1、IDENT是由 @keyframes 创建的动画名，上面已经讲过了（animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致）； 2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。注意：需要在 Chrome 和 Safari 上面的基础上加上-webkit-前缀，Firefox加上-moz-。

查看全部

0 采集收起来源：CSS3中调用动画
2017-03-19
qq_楮九_0

css3支持ie9及以上。-webkit，-moz，-ms，-o。最好加前缀。

查看全部

0 采集收起来源：什么是CSS3？
2017-03-18
慕灬秋

“max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效。 “min-width”与“max-width”相反，指的是媒体类型大于或等于指定宽度时，样式生效。 @media screen and (min-width:600px) and (max-width:900px){ body {background-color:#f5f5f5;} } 当屏幕在600px~900px之间时，body的背景色渲染为“#f5f5f5”

查看全部

1 采集收起来源：Media Queries使用方法
2017-03-17
慕灬秋

transition:property duration timing-function delay 要过渡的属性过渡持续时间过渡状态（慢/匀速/快/慢快慢）触发时间

查看全部

1 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2017-03-17
慕灬秋

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。

查看全部

1 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-03-17
慕灬秋

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

1 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-17
世界上最蠢萌的兔子

Chrome 和 Safari 需要前缀 -webkit-；Foxfire 需要前缀 -moz-。

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2017-03-17
世界上最蠢萌的兔子

transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-03-16
世界上最蠢萌的兔子

在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，声明过渡元素最终状态样式，比如悬浮状态；第三，在默认样式中通过添加过渡函数，添加一些不同的样式。

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-03-16
慕粉0928522411

关键帧，不断变化的动画效果 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2017-03-16
慕粉4448690

其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2017-03-16
panting

个性化字体：@font-face实现定制字体

查看全部

0 采集收起来源：CSS3能做什么？
2017-03-16

首页上一页 286 287 288 289 290 291 292 下一页尾页

0/150

提交

取消

开始学习

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

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