慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

fluteonline

【CSS3】【渐变色彩】 CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。不同的渲染引擎实现渐变的语法不同，参考其他资料。 background-image:linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); 第一个参数：表示渐变方向(可以用『角度』或『英文』来表示，具体请点击课程)，默认为180deg/to bottom 第二、三个参数：表示颜色的起始点和结束点，可以有多个颜色值。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-07-01
真的不潇洒

对border-image的使用说明，我更详细的是看 http://www.zhangxinxu.com/wordpress/2010/01/css3-border-image%E8%AF%A6%E8%A7%A3%E3%80%81%E5%BA%94%E7%94%A8%E5%8F%8Ajquery%E6%8F%92%E4%BB%B6/ 张鑫旭的博客，写的非常详细，唯一令我不解的是， border-image-repeat，如果是一个长度，后面一个斜线接着数值是什么意思例如： border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 12/1em repeat;

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-07-01
ZF_Steven

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-07-01
真的不潇洒

这个距离受到边框和内边距的影响，但是不会受到外边据影响，阴影位置的计算位置都在边框外部。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-06-30
真的不潇洒

box-shadow属性：第一个参数为x轴属性，必输，如果是正数则按照元素的右边框边界向外，如果是负数则按照元素左边框向作；第二个参数，必输，如果是正数则按照元素的下边界向下，如果是负数则按照元素上边框向上算；第三个参数为阴影模糊的半径，不可为负数，可以调整阴影模糊的程度，如果没有第四个参数，则这个参数可省略，如果有则不可以被省略；第四个参数，阴影的扩展半径，扩展是按照阴影中心向四周辐射拓展，如果为1px则四个方向分别阴影部分加1px，那么阴影总大小，宽度加2px，高度加2px，此项也不可为负值，可以省略；第五个参数为阴影颜色，支持关键字如果不写默认为黑色；第六个参数为投影方式，如果不写则为外阴影，如果为inset则为内阴影；（不知道为什么没有相对应的outset外部阴影方式）如果想多次添加效果，则用逗号分割开；类似于数组类型； PS:经过刚测试第六个参数没有相对应的inset属性，整体的box-shadow没有分别写的属性，例如border-color的box-shadow-color；有过有这方面研究的同学，请留言下，我们来共同进步；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-06-30
Jean_Q

越看越乱 @ @

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-06-30
fluteonline

阴影 box-shadow（二） 1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-06-30
真的不潇洒

四个值的设置和border，margin，padding一样，顺时针，并且有镜像赋值，当有一个值时，则四个值相同，如果两个值时，那么第三个与第一个一样，第四个与第二个一样，如果有三个值时，那么第四个值与第二个值一样。用数字表示则为：1、1-1-1-1；2、1-2-1-2；3、1-2-3-2；4、1-2-3-4；

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-06-30
张益韶

其中Screen、All和Print为最常见的三种媒体类型。

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2015-06-30
Thinker_Ac

text-shadow可以用来设置文本的阴影效果。语法： text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-06-30
Thinker_Ac

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-06-30
Thinker_Ac

文字溢出显示省略号：text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-06-30
Thinker_Ac

linear-gradient(to bottom, #fff, #999) 渐变类型渐变方向（也可以用度数）表示颜色的起始点和结束点，可以有两至多个色值

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-06-30
fluteonline

box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍：X轴偏移量（必需）：水平阴影的位置。允许负值。 Y轴偏移量（必需）:垂直阴影的位置。允许负值。阴影模糊半径（可选）：模糊距离阴影扩展半径（可选）：阴影的尺寸阴影颜色（可选）：阴影的颜色。省略默认为黑色。投影方式（可选）：设置inset时为内部阴影方式，如果省略为外部阴影方式。（inset 可以写在参数的第一个或最后一个，其它位置是无效的。）添加多个阴影：添加多个阴影，只需用逗号隔开即可。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-06-30
fluteonline

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-06-30

首页上一页 894 895 896 897 898 899 900 下一页尾页

0/150

提交

取消

开始学习

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

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