慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

静止

动画--过渡所需时间 transition-duration transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2015-09-14
静止

简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，声明过渡元素最终状态样式，比如悬浮状态；第三，在默认样式中通过添加过渡函数，添加一些不同的样式。 CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-09-14
qq_星际长途_0

简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。 div { width: 200px; height: 200px; background: red; margin: 20px auto; /*•transition-property:指定过渡的CSS属性,all表示全部*/ /*transition-property:all;*/ /*指定过渡的时间*/ /*transition-duration:.5s;*/ /*指定过渡的方式*/ /*transition-timing-function: ease-in;*/ /*指定过度的延时*/ /* transition-delay:.18s;*/ /*以下设置表示: 背景色过渡需要1s，方式ease，宽度过渡延时1s，过渡需要1s，方式ease，透明度过渡延时2s，过渡需要1s，方式ease*/ transition:background-color 1s ease , width 1s ease 1s, opacity 1s ease 2s; } div:hover { opacity:0.1; width: 400px; background-color:green; }

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-09-14
qq_星际长途_0

transform: matrix(a, b, c, d, e);//矩阵变换这个css属性对应于canvas绘图中的 context.transform(a, b, c, d, e, f); /* a:水平缩放(默认值1) b:水平倾斜(默认值0) c:垂直倾斜(默认值0) d:垂直缩放(默认值1) e:水平位移(默认值0) f:垂直位移(默认值0) */

查看全部

1 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-09-14
qq_星际长途_0

top:50%; left:50%; -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-09-14
indd

background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

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

text-shadow: X-Offset Y-Offset blur color; 文本阴影效果

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-09-14
qq_星际长途_0

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-09-14
indd

/*必须项，设置@font-face中font-family同样的值*/ @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。

查看全部

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

text-overflow:ellipsis; ellipsis 表示省略号 overflow:hidden; 超出的部分隐藏 white-space:nowrap; 强制文本在一行显示

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-14
indd

CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-09-14
qq_星际长途_0

CSS3 Full Background Slider http://www.w3cplus.com/demo/529.html

查看全部

3 采集收起来源：切换背景图像综合练习题
2015-09-14
静止

-webkit-transform: rotate(20deg);/*适应谷歌浏览器*/ -moz-transform: rotate(20deg);/*适应火狐浏览器*/ transform:rotate(20deg);/*原方法*/ 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-09-14
qq_星际长途_0

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

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
qq_星际长途_0

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。注意： 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 2、Firefox 支持替代的 ::-moz-selection。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-09-14

首页上一页 778 779 780 781 782 783 784 下一页尾页

0/150

提交

取消

开始学习

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

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