慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Fancy饿了

Tips: 使用伪元素制作导航列表项分割线

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-08-07
_Mok

您可以定义一个flex项目，如何相对于flex容器实现自动的伸缩。需要给每个flex项目设置flex属性设置需要伸缩的值。 .bigitem{ -webkit-flex:200; flex:200; } .smallitem{ -webkit-flex:100; flex:100; }

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2015-08-07
lzkong1029

text-shadow: 12px 20px 10px rgba(255,0,0,0.5);

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-08-07
linshuang

margin-left: -60px; ？？？

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-08-07
程显艺

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()
2015-08-07
程显艺

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

查看全部

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

变形--缩放 scale() 缩放 scale()函数让元素根据中心原点对对象进行缩放。 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放; 2、scaleX(x)元素仅水平方向缩放; 3、scaleY(y)元素仅垂直方向缩放注意： scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。

查看全部

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

变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 -webkit-transform: skew(45deg); -moz-transform:skew(45deg) transform:skew(45deg);

查看全部

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

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

查看全部

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

::before，::after：前面需空一格。 ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

查看全部

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

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-08-07
程显艺

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-08-07
Olown

前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2015-08-07
程显艺

::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-08-07
Amy_sh

设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。语法规则： animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2018-03-22

首页上一页 828 829 830 831 832 833 834 下一页尾页

0/150

提交

取消

开始学习

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

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