慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

ikicw

animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2015-09-12
静止

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
ikicw

animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。 linear:恒速 ease-in:速度越来越快，加速效果。 ease-out:速度越来越慢，减速效果。 ease-in-out:先加速再减速。

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2015-09-12
ikicw

animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2015-09-12
ikicw

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果

查看全部

0 采集收起来源：CSS3中调用动画
2015-09-12
ikicw

Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-09-12
ikicw

transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。有时我们想改变两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，用逗号（“，”）隔开，然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点：第一个时间的值为 transition-duration，第二个为transition-delay。

查看全部

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

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-09-12
ikicw

ease:由快到慢，逐渐变慢 linear：恒速 ease-in:加速 ease-out:减速 ease-in-out:先加速再减速

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-09-12
ikicw

transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-09-12
ikicw

transition-property: border-radius; -webkit-transition-duration: .5s; transition-duration: .5s;

查看全部

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

transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。

查看全部

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

在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-09-12
元极

圆角效果 border-radius border-radius是向元素添加圆角边框。使用方法： border-radius:10px;/**/ border-radius:5px 40x /**/

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-09-12
indd

CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。

查看全部

0 采集收起来源：什么是CSS3？
2015-09-12

首页上一页 782 783 784 785 786 787 788 下一页尾页

0/150

提交

取消

开始学习

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

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