慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

西西不小心

变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 Skew()具有三种情况： 1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）；第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。 2、skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）； 3、skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）示例演示：

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-11-18
西西不小心

line-height 行高属性

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-11-17
gagaLoveYouyou

.clearfix > li:nth-of-type(1) a::after .clearfix a::before .bg:not(:target)

查看全部

0 采集收起来源：切换背景图像综合练习题
2018-03-22
西西不小心

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示： HTML代码： <div class="wrapper"> <div></div> </div> CSS代码： .wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; } .wrapper div { width: 200px; height: 200px; background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg);

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2018-03-22
西西不小心

opacity 属性设置元素的不透明级别。

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-11-17
西西不小心

pointer 光标呈现为指示链接的指针（一只手）

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-11-17
西西不小心

cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-11-17
qq_小柯_1

这个属性告诉我们,有些人可以一路走到底（forwards）,有些人在遭受伤害后可以恢复到以前（none）,甚至有些人可以从伤痛中快速的逃离（backwards）,然而有些人已经回不去了,也不知道后面的路该如何走下去（both）.--HJK 2015年1月25日18:19:02

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-11-17
西西不小心

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-11-17
qq_小柯_1

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

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-11-17
梅姐偶尔冒个泡

/* Keyword values */ transition-timing-function: ease; transition-timing-function: ease-in; transition-timing-function: ease-out; transition-timing-function: ease-in-out; transition-timing-function: linear; transition-timing-function: step-start; transition-timing-function: step-end; /* Function values */ transition-timing-function: steps(4, end); transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); /* Multiple timing functions */ transition-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1); /* Global values */ transition-timing-function: inherit; transition-timing-function: initial; transition-timing-function: unset;

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-11-17
梅姐偶尔冒个泡

在使用英文单词left center等定位是前后无关在使用百分比定位时前面的为水平方向的后面为竖直方向上的

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-11-17
梅姐偶尔冒个泡

only-child 独生子女选择器...

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-11-17
梅姐偶尔冒个泡

点击了才会有变化

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-11-17
慕码人0911192

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22

首页上一页 701 702 703 704 705 706 707 下一页尾页

0/150

提交

取消

开始学习

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

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