慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

SuperManSuperWorld

虚线:dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted dotted

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-01-21
SuperManSuperWorld

旋转:rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate rotate

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-01-21
ttjyttjyttjy

注意要display=block，因为span本来是内联元素

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-01-20
ttjyttjyttjy

注意这里的display=block要写，否则的话还是跟着转。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-01-20
老头头

background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
老头头

用来将背景图片做适当的裁剪以适应实际需要。语法： background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-01-20
老头头

设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-01-20
Lilytt

-webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: .2s; transition-delay: .2s;

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2016-01-20
Lilytt

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

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2016-01-20
Lilytt

-webkit-transition-property: width; transition-property: width; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: .18s; transition-delay:.18s;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-01-20
Lilytt

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

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-01-20
Lilytt

transform-origin: 任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2016-01-20
Lilytt

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-01-20
Lilytt

位移translate（） transform:translate(x,y); transform:translateX(x); transform:translateY(y);

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-01-20
inottn

多重背景，也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加，缩写时为用逗号隔开的每组值；用分解写法时，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-01-20

首页上一页 651 652 653 654 655 656 657 下一页尾页

0/150

提交

取消

开始学习

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

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