慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

chen_Shao

变形--矩阵 matrix() 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-06-08
对折的风

animation-name属性主要是用来调用@keyframes定义好的动画。需要特别注意的是animation-name调用的动画名要和@keyframes定义的动画名称完全一致，如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2015-06-08
对折的风

Keyframes被称为关键帧，类似于Flash中的关键帧，在css3中主要是以@Keyframes开头，其后跟着动画名称，接着是一对花括号{……}，花括号里面是不同时间段的样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 在一个“@Keyframes”中的样式规则可以由多个百分比构成。其中的0%和100%还可以用from和to代替。

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-06-08
我是好人菌

变形--原点 transform-origin 任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。 transform-origin取值和元素设置背景中的background-position取值类似

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-06-07
我是好人菌

变形--矩阵 matrix() 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-06-07
我是好人菌

变形--位移 translate(x,y) translateX(x) translateY(y) translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-06-07
我是好人菌

变形--缩放 scale(X，Y) scaleX(x) scaleY(y) 缩放 scale()函数让元素根据中心原点对对象进行缩放。

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-06-07
我是好人菌

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

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-06-07
我是好人菌

transform: rotate(45deg);顺时针旋转45° -webkit-transform: rotate(-20deg); chrome safari -moz-transform: rotate(-20deg); firefox -o-transform:rotate(-20deg); opera -ms-transform:rotate(-20deg); IE

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-06-07
我是好人菌

CSS3控制背景切换实例为啥任务七加了没效果... 【.bg:not(:target)】

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-06-07
我是好人菌

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .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
我是好人菌

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

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2015-06-07
我是好人菌

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

查看全部

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

语法： color：rgba(R,G,B,A) 取值范围0~255 。A 取值0~1不可为负如：background-color:rgba(100,120,60,0.5);

查看全部

2 采集收起来源：CSS3颜色颜色之RGBA
2015-06-07
WM_CH

给边框加上图片与background:url(xx.jpg) 10px 20px no-repeat;相似 border-image：url(图片地址) 70 70 70 70 (切割图片的宽度，单位px可省略) repeat/round/stretch(重复、铺满、拉伸)

查看全部

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

首页上一页 918 919 920 921 922 923 924 下一页尾页

0/150

提交

取消

开始学习

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

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