慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Miss馬也

scale(X,Y)使元素水平方向和垂直方向同时缩放 Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-02-13
Miss馬也

skew(x,y)使元素在水平和垂直方向同时扭曲 skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形） skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-02-25
Miss馬也

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。 -webkit:谷歌内核识别码 -moz：火狐内核识别码 -o:欧朋内核识别码 -ms:ie内核识别码

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-02-25
Miss馬也

这节，没懂

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2015-02-13
山野村妇

设置背景图片的大小，以长度值或百分比显示，还可以通过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
2015-02-13
山野村妇

background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; background-origin: content-box; 需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。语法：background-origin ： border-box | padding-box | content-box;

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-02-13
山野村妇

语法：text-shadow: X-Offset Y-Offset blur color; Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-02-13
山野村妇

text-overflow:ellipsis; 文字溢出显示省略号 overflow:hidden; 溢出内容隐藏 white-space:nowrap; 强制文本在一行 word-wrap:normal(自动,表示控制连续文本换行) word-wrap:break-word表示内容将在边界内换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-02-12
山野村妇

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); (to top 0度从下向上to right 90度从左到右to bottom 10度从上向下to left 270度从右向左to topleft右下角到左上角to top right左下角到右上角

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-02-12
山野村妇

语法：color：rgba(R,G,B,A) 代码示例：background-color:rgba(100,120,60,0.5); R,G,B(0-255)A(0-1)透明度

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-02-12
山野村妇

border-image:url(borderimg.png ) 70 stretch url=图片等地址（borderimg.png）是图片等地址 70 70 70 70 [切割图片的宽度，单位为像素] repeat[重复]/round[平铺]/stretch[拉伸]

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-02-12
蓝色疾风

必须添加-webkit- 兼容内核 @-webkit-keyframes move { 0%{ -webkit-transform: translate(0); } 15%{ -webkit-transform: translate(100px,180px); } 30%{ -webkit-transform: translate(150px,0); } 45%{ -webkit-transform: translate(250px,180px); } 60%{ -webkit-transform:translate(300px,0); } 75%{ -webkit-transform: translate(450px,180px); } 100%{ -webkit-transform: translate(480px,0); } } div { width: 500px; height: 200px; border: 1px solid red; margin: 20px auto; } div span { display: inline-block; width: 20px; height: 20px; background: green; border-radius: 100%; -webkit-animation-name:move; -webkit-animation-duration: 10s; -webkit-animation-timing-function:ease; -webkit-animation-delay:.1s; -webkit-animation-iteration-count:infinite; }

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2015-02-12
聚散云烟

mark

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-02-12
笑笑笑、龍仔

eeee

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-02-12

首页上一页 1094 1095 1096 1097 1098 1099 1100 下一页尾页

0/150

提交

取消

开始学习

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

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