慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

刘健lj

transition-timing-function 是一个缓冲函数，表示你这个动画过渡的速率的，以及过渡过程中的过渡速度怎么样。其中有ease，ease-in，ease-out，ease-in-out 方式，ease这个是默认的方式，开始慢然后是快然后是慢。ease-in元素走开始到结束慢慢的变快。ease-out是元素走开始到结束慢慢的变慢，最开始是很快。ease-in-out是一开始到结束有一种渐隐效果。其实不必深究linear 也是用的最多的。循环变化。

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-08-16
刘健lj

过渡动画：transition transition-property过渡属性， transition-duration过渡时间 transition-timing-function过渡函数，ease transition-delay延迟时间。

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-08-16
刘健lj

matrix(长度缩放，y轴扭曲，x轴扭曲，宽度缩放，x位移，y位移) matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置；

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-08-16
刘健lj

1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中 translate()位移，可以装饰元素向指定的方向移动。 1.transform: translate(x,y)水平垂直方向同时移动； 2.transform: translateX(x)水平方向移动； 3.transform: translateY(y)垂直方向移动；例：让不知道宽度和高度的元素实现水平、垂直居中 position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-08-16
1101931365

多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。语法： columns：<column-width> <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。参数参数说明 <column-width> 主要用来定义多列中每列的宽度 <column-count> 主要用来定义多列中的列数

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2018-03-22
慕粉3724715

<link href="style.css" rel="stylesheet" type="text/css"> 自带发光效果 <link href= 'http://fonts.googleapis.com/css?family=Fruktur'rel='stylesheet' type='text/css'>字体引用源

查看全部

0 采集收起来源：什么是CSS3？
2018-03-22
慕粉3724715

不懂！！！

查看全部

0 采集收起来源：什么是CSS3？
2016-08-16
Qqqqqqqqr

这里的::before和::after是层次（类似于一层叠在一起的纸张之间的关系）上的前后。不是平面上的前后

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2016-08-16
1101931365

设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-08-16
Qqqqqqqqr

.clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

查看全部

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

“:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-08-16
Qqqqqqqqr

enabled disabled

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2016-08-16
Qqqqqqqqr

:nth-last-child(n) 从最后一个元素开始计算

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-08-16
Qqqqqqqqr

nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-08-16
Qqqqqqqqr

ol > li:first-child{ color: red; }

查看全部

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

首页上一页 441 442 443 444 445 446 447 下一页尾页

0/150

提交

取消

开始学习

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

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