CSS3(响应式布局)

05-13 1146阅读

#过渡#

CSS3(响应式布局)

属性连写:

transition: width 2s linear 1s;

//前一个时间用于表示过渡效果持续时间,后一个时间用于表示过渡效果的延迟。

#转换#

#2D转换#        和        #3D转换#

CSS3(响应式布局)

注意:其中angle对应单位为:deg

CSS3(响应式布局)

#圆角#

CSS3(响应式布局)

#边框#        及        #边框图像#

CSS3(响应式布局)

也可加一个

border-radius:5px;

用于设置圆角边框

CSS3(响应式布局)

CSS3(响应式布局)

示例:

CSS3(响应式布局)

CSS3(响应式布局)

#背景图像#

CSS3(响应式布局)background的简写属性:

CSS3(响应式布局)

CSS3(响应式布局)

CSS3(响应式布局)

background-repeat属性决定背景图像是否重复:

background-repeat:no-repeat;//不重复

background-repeat:repeat;//重复

background-repeat:repeat-x;//只在x方向上重复。

background-repeat:repeat-y;//只在y方向上重复。

#字体#

CSS3(响应式布局)

#渐变#

CSS3(响应式布局)

#动画#

CSS3(响应式布局)

CSS3(响应式布局)

CSS3(响应式布局)

VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]