慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Agony2015

设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。语法规则： animation-delay:<time>[,<time>]* 案例演示：浏览器渲染样式之后2S之后触发move动画。 HTML: <div><span></span></div> CSS: @keyframes move { 0%{ transform: translate(0); } 15%{ transform: translate(100px,180px); } 30%{ transform: translate(150px,0); } 45%{ transform: translate(250px,180px); } 60%{ transform:translate(300px,0); } 75%{ transform: translate(450px,180px); } 100%{ transfrom: 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%; animation-name:move; animation-duration: 10s; animation-timing-function:ease; animation-delay:2s; animation-iteration-count:infinite; }

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2018-03-22
sortstar

这一小节中，使用渐变和伪元素制作分割线知识点忘记了，不过通过百度解决了，小开心

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-09-24
单单happy

background-size: auto | <长度值> | <百分比> | cover | contain

查看全部

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

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-09-24
Samiy

HTML代码： <div>:root选择器的演示</div> CSS代码： :root { background:orange; } 演示结果： “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
Samiy

a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-09-24
山崎賢人

-webkit chrome和safari -moz firefox -ms IE -o opera CSS3属性前缀,用于兼容各版本浏览器

查看全部

0 采集收起来源：什么是CSS3？
2015-09-24
赵铁柱

nth-last-child(n) (2n+2)=(2n) 每两个标签间隔显示效果，从倒数第2个标签开始 (3n+3)=(3n) 每三个标签间隔显示效果，从倒数第3个标签开始（4n+2）每四个标签间隔显示效果，从倒数第2个标签开始（5n+3）每五个标签间隔显示效果，从倒数第3个标签开始（2）指定倒数第2个标签显示效果恩这样理解好多啦

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2015-09-23
赵铁柱

(2n+2)=(2n) 每两个标签间隔显示效果，从第2个标签开始 (3n+3)=(3n) 每三个标签间隔显示效果，从第3个标签开始（4n+2）每四个标签间隔显示效果，从第2个标签开始（5n+3）每五个标签间隔显示效果，从第3个标签开始（2）指定第2个标签显示效果恩这样理解好多啦

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2015-09-23
赵铁柱

CSS属性选择器：元素 [ 属性 ^ = 字符 ] E[att^="val"] 选择匹配元素E,且E元素定义了属性att,其属性值以val开头的任何字符串。 E[att$="val"] 选择匹配元素E,且E元素定义了属性att,其属性值以val结尾的任何字符串。 E[att*="val"] 选择匹配元素E,且E元素定义了属性att,其属性值包含val的任何字符串。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
赵铁柱

remember 1.每组缩写用逗号隔开； 2.遇到size值时，需要紧跟position，并且使用“/”隔开； 3.如果遇到多个背景图片时，其他属性只有一个，表面所有背景图片应该属于该属性值。 4.background-color 只能设置一个！

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-09-23
adamyolo

导航菜单

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-09-23
adamyolo

背景组合

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-09-23
adamyolo

background-origin

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-09-23
adamyolo

嵌入字体

查看全部

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

首页上一页 761 762 763 764 765 766 767 下一页尾页

0/150

提交

取消

开始学习

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

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