慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

迩的幸福丶俄赞助

旋转： transform: rotate(45deg); 角度扭曲： transform: skew(x);skew(y);skew(x,y); x轴 ,y轴 ,x、y轴缩放： transform: scale(x);scale(y);scale(x,y); x轴 ,y轴 ,x、y轴位移： transform: translate(x);translate(y);translate(x,y); x轴 ,y轴 ,x、y轴

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-07-07
Thinker_Ac

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-07-07
Thinker_Ac

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）

查看全部

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

缩放 scale()函数让元素根据中心原点对对象进行缩放。 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）;注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 2、scaleX(x)元素仅水平方向缩放（X轴缩放） 3、scaleY(y)元素仅垂直方向缩放（Y轴缩放）

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-07-07
Thinker_Ac

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

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-07-07
Thinker_Ac

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-07-07
zhaoyangyang

标签:not([属性="xx"])除xx之外设置样式，一定要加上()

查看全部

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

column-span:主要用来定义一个分列元素中的子元素能够跨列多少，它主要有两个属性值：none，all。all表示元素跨越所有列并定位在列的z轴之上。

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2015-07-07
wttfgg

vertical-align属性的具体定义列表如下：　　语法： vertical-align : baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <长度> | inherit 　　说明：设置元素内容的垂直对齐方式　　值： baseline：基线对齐；sub：下标；super：上标；top：顶端对齐；text-top：与文本的顶端对齐；middle：中部对齐；bottom：底端对齐；

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2018-03-22
wttfgg

display: inline-block; 简单来说就是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但是这个属性目前不是所有的浏览器都支持，只有Opera和Safari支持，FireFox3和IE8据说将会支持，Firefox2和IE使用特殊办法可以实现这种效果，下面就来探讨一下

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-07-07
fluteonline

column-rule主要用来定义列与列之间的边框宽度，边框颜色，边框样式。它与border有点相似，但是column-rule不占用空间，在改变列与列之间宽度时候，列的位置是不会变的。 column-rule其后跟三个属性，column-rule-width,column-rule-style,column-rule-color分别为：边框宽度，边框样式，边框颜色。 column-rule-width的默认值为medium,也可以使用thick,thin. column-rule-style:定义边框样式，默认值是none，还可以取值为：hidden,dotted,dashed,solid,double,groove,ridge,inset,outset column-rule-color:主要定义边框颜色，如果不希望显示颜色，可以定义为透明色（transparent）

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2015-07-07
fluteonline

columns:150px 3 给元素设置列，第一个参数是每列的宽度，第二个参数列数 Internet Explorer 10 和 Opera 支持 column 属性。 Firefox 支持替代的 -moz-column 属性。 Safari 和 Chrome 支持替代的 -webkit-column 属性。注释：Internet Explorer 9 以及更早版本的浏览器不支持 column 属性。

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-07-06
哈穹

需要多练练文字部分的transform: rotatex(-90deg) 还是有点晕 x轴不应该是横向的么

查看全部

1 采集收起来源：制作3D旋转视频展示区
2015-07-06
fluteonline

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

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-07-10
慕前端6517023

border-image的宽度和border宽度要一致吗？

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-07-06

首页上一页 884 885 886 887 888 889 890 下一页尾页

0/150

提交

取消

开始学习

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

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