慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_太夜_0

linear 直线的,线形的,线性的

查看全部

0 采集收起来源：CSS3能做什么？
2016-01-29
keiu

nth-child(n) 正数 nth-last-child(n) 倒数

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2016-01-29
qq_太夜_0

perspective-origin 属性定义 3D 元素所基于的 X 轴和 Y 轴。该属性允许您改变 3D 元素的底部位置。当为元素定义 perspective-origin 属性时，其子元素会获得透视效果，而不是元素本身。注释：该属性必须与 perspective 属性一同使用，而且只影响 3D 转换元素。语法 perspective-origin: x-axis y-axis; x-axis: 定义该视图在 x 轴上的位置。默认值：50%。可能的值： left center right length % y-axis: 定义该视图在 y 轴上的位置。默认值：50%。可能的值： top center bottom length %

查看全部

0 采集收起来源：CSS3能做什么？
2016-01-29
qq_太夜_0

perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。注释：perspective 属性只影响 3D 转换元素。提示：请与 perspective-origin 属性一同使用该属性，这样您就能够改变 3D 元素的底部位置。语法 perspective: number|none; number 元素距离视图的距离，以像素计。 none 默认值。与 0 相同。不设置透视。

查看全部

0 采集收起来源：CSS3能做什么？
2016-01-29
keiu

attr^=value 包含以value为开始的attr属性 attr$=value 包含以value为结束的attr属性 attr*=value 包含以value为的attr属性 :not() :empty 空元素选择器(不包含空格,即空格不为空)

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2016-01-29
keiu

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-01-29
qq_太夜_0

animation 属性是一个简写属性，用于设置六个动画属性： animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction 注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。语法 animation: name duration timing-function delay iteration-count direction; animation-name 规定需要绑定到选择器的 keyframe 名称。。 animation-duration 规定完成动画所花费的时间，以秒或毫秒计。 animation-timing-function 规定动画的速度曲线。 animation-delay 规定在动画开始之前的延迟。 animation-iteration-count 规定动画应该播放的次数。 animation-direction 规定是否应该轮流反向播放动画。

查看全部

0 采集收起来源：什么是CSS3？
2016-01-29
qq_太夜_0

通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。 0% 是动画的开始时间，100% 动画的结束时间。为了获得最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。注释：请使用动画属性来控制动画的外观，同时将动画与选择器绑定。语法 @keyframes animationname {keyframes-selector {css-styles;}} animationname 必需。定义动画的名称。 keyframes-selector 必需。动画时长的百分比。合法的值： 0-100% from（与 0% 相同） to（与 100% 相同） css-styles 必需。一个或多个合法的 CSS 样式属性。

查看全部

0 采集收起来源：什么是CSS3？
2018-03-22
香香米me

渐变的方向可以用角度也可以用to top,to left,等。。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-01-29
qq_太夜_0

前缀。。。。。浏览器 -webkit。。。chrome和safari -moz。。。。。firefox -ms。。。。。IE -o。。。。。。opera infinite 无限 deg=degree 度 ease-in-out 加速然后减速 Fruktur cursive 哥特字体草书

查看全部

0 采集收起来源：什么是CSS3？
2016-01-29
qq_太夜_0

text-shadow 属性向文本设置阴影。语法 text-shadow: h-shadow v-shadow blur color; 注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊的距离。 color 可选。阴影的颜色。

查看全部

0 采集收起来源：什么是CSS3？
2016-01-29
qq_太夜_0

transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。语法： transform-style: flat|preserve-3d; flat 子元素将不保留其 3D 位置。 preserve-3d 子元素将保留其 3D 位置。

查看全部

0 采集收起来源：什么是CSS3？
2016-01-29
qq_太夜_0

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。语法 transform: none|transform-functions; none 定义不进行转换。 matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D 转换，使用 16 个值的 4x4 矩阵。 translate(x,y) 定义 2D 转换。 translate3d(x,y,z) 定义 3D 转换。 translateX(x) 定义转换，只是用 X 轴的值。 translateY(y) 定义转换，只是用 Y 轴的值。 translateZ(z) 定义 3D 转换，只是用 Z 轴的值。 scale(x,y) 定义 2D 缩放转换。 scale3d(x,y,z) 定义 3D 缩放转换。 scaleX(x) 通过设置 X 轴的值来定义缩放转换。 scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 scaleZ(z) 通过设置 Z 轴的值来定义 3D 缩放转换。 rotate(angle) 定义 2D 旋转，在参数中规定角度。 rotate3d(x,y,z,angle) 定义 3D 旋转。 rotateX(angle) 定义沿着 X 轴的 3D 旋转。 rotateY(angle) 定义沿着 Y 轴的 3D 旋转。 rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。 skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。 skewX(angle) 定义沿着 X 轴的 2D 倾斜转换。 skewY(angle) 定义沿着 Y 轴的 2D 倾斜转换。 perspective(n) 为 3D 转换元素定义透视视图。

查看全部

0 采集收起来源：什么是CSS3？
2016-01-29
华时朝明

这个也是比较实用的东西：文本溢出以省略号显示 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-01-29
小丨金

box-shadow是向盒子添加阴影。支持添加一个或者多个。很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍：注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-01-29

首页上一页 641 642 643 644 645 646 647 下一页尾页

0/150

提交

取消

开始学习

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

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