慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

1101931365

定义动画过程 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 应用动画：animation:changecolor 5s ease 1s;

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-08-15
1101931365

CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-08-15
刘健lj

text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 text-overflow:clip（表示剪切） ellipsis(省略标记) word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-08-15
刘健lj

颜色之rgba：color：rgba（R,G,B,A）A是控制透明度的，参数在0~1之间。

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-08-15
1101931365

变形--原点 transform-origin 任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。如下图所示：在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2016-08-15
1101931365

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

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-15
慕1001

150px 85px/150px 65px前面是position,后面是size

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-08-15
慕1001

1.用逗号隔开每组 background 的缩写值； 2.如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 3.如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 4.background-color 只能设置一个。 .demo{ width: 300px; height: 140px; border: 1px solid #999;

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
送终鸡

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-15
bainao

very good

查看全部

0 采集收起来源：什么是CSS3？
2016-08-15
慕1001

background-clip ： border-box padding-box content-box no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-08-15
1101931365

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

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-15
1101931365

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

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-08-15
1101931365

变形--缩放 scale() 缩放 scale()函数让元素根据中心原点对对象进行缩放。

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-08-15
1101931365

变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。

查看全部

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

首页上一页 443 444 445 446 447 448 449 下一页尾页

0/150

提交

取消

开始学习

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

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