CSS3(响应式布局)

64,224次阅读
没有评论

共计 404 个字符,预计需要花费 2 分钟才能阅读完成。

#过渡#

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(响应式布局)

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-29发表,共计404字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)