慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

哈哈haha

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。实心上半圆----将height设置为width的一半，并且只设置左上角与右上角的半径令其至少等于height的值实心圆---将height=width，四个角的半径值至少为width的一半

查看全部

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

浏览器兼容前缀： chrome 、sarifi：-webkit IE：-ms firefox：-moz 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 opera：-o

查看全部

0 采集收起来源：什么是CSS3？
2015-03-15
我是好人菌

为边框添加图片: border-image:url(图片路径) 70 70 70 70[切割图片的宽度] repeat[图片延展方式 repeat重复 round平铺 stretch拉伸]

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-03-21
我是好人菌

模糊半径不能为负,指的时阴影的模糊度扩展半径可以为负数,为正越大阴影面积越大,为负则变小 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-03-12
我是好人菌

向盒子添加阴影: box-shadow:1px 1px 1px #ccc inset; inset表示内阴影,不加此项默认外阴影,此项只能添加在第一或者末尾位置

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-03-12
qxw5267

background-position: 控制图片的其实位置

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-03-12
qq_凌_0

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-03-12
qq_凌_0

background-image:linear-gradient(to top,#f00,#000)

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-12
qq_凌_0

background-image:linear-gradient(to bottom left ,#f00,#000);//去左下角。就是从右上角到左下角 background-image:linear-gradient(to top left ,#f00,#000);//去左上角。就是从右下角到左上角 }

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-12
qq_凌_0

#border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 70 stretch; }

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-03-12
qxw5267

按视觉的平常角度记x y的偏移正常的影子在右和下

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-03-12
qxw5267

text-overflow:ellipsis; 溢出省略标记 overflow:hidden; 溢出隐藏 white-space:nowrap; 强制在一行显示 width:200px; background:#ccc;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-03-12
keida

结构性伪类选择器—empty :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。示例： p:empty { display: none;

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-03-12
keida

结构性伪类选择器:not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。例如： input:not([type="submit"]){ border:1px solid red;

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
hi喵仔

设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。参数：其主要有两个值：running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-03-11

首页上一页 1069 1070 1071 1072 1073 1074 1075 下一页尾页

0/150

提交

取消

开始学习

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

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