慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

泰山升龙霸

skew()函数让元素倾斜显示，将一个对象以其中心位置围绕x和y轴按照一定角度倾斜 transform：skew（45deg）

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-09-26
泰山升龙霸

rotate()函数通过指定角度参数是元素相对原点进行旋转 transform：rotate（45deg）

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-09-26
小阮3537145

scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-09-26
qq_小枫飒飒_0

animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal alternate [, normal alternate]* 其主要有两个值：normal、

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-09-26
qq_小枫飒飒_0

animation-iteration-count属性主要用来定义动画的播放次数。语法规则： animation-iteration-count: infinite <number> [, infinite <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。举例：

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2018-03-22
qq_小枫飒飒_0

Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2016-09-26
又来学习啦

/*使用伪元素制作导航列表项分隔线*/ .nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;} /*删除第一项和最后一项导航分隔线*/ .nav li:last-child{ background:none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-09-26
泰山升龙霸

::before和::after选择器用来给元素的前面和后面插入内容，常和content配合使用，使用的场景最多就是清除浮动。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2016-09-26
小隐山外人

<!doctype html> <html> <head> <meta charset="utf-8"> <title>伸缩布局</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <img src="http://img1.sycdn.imooc.com//5365d7b10001e8d506350529.jpg" alt="" /> </body> </html>

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2018-03-22
爱学习要努力

:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。示例演示：通过“:root”选择器设置背景颜色 HTML代码： <div>:root选择器的演示</div> CSS代码： :root { background:orange; } “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
爱学习要努力

html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
爱学习要努力

html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
qq_小枫飒飒_0

变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-09-26
爱学习要努力

制作导航菜单

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-09-26
爱学习要努力

background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过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

首页上一页 399 400 401 402 403 404 405 下一页尾页

0/150

提交

取消

开始学习

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

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