CSS3(响应式布局)

#过渡#

属性连写:

transition: width 2s linear 1s;

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

#转换#

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

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

#圆角#

#边框#        及        #边框图像#

也可加一个

border-radius:5px;

用于设置圆角边框

示例:

#背景图像#

background的简写属性:

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

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

background-repeat:repeat;//重复

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

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

#字体#

#渐变#

#动画#

相关推荐

  1. css 响应布局重学笔记

    2024-04-28 06:06:01       35 阅读
  2. CSS Flexbox与Grid:构建响应布局的艺术

    2024-04-28 06:06:01       36 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-28 06:06:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-28 06:06:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-28 06:06:01       82 阅读
  4. Python语言-面向对象

    2024-04-28 06:06:01       91 阅读

热门阅读

  1. CocoaPods使用详解

    2024-04-28 06:06:01       35 阅读
  2. docker部署前端项目(三)简易迅速版本

    2024-04-28 06:06:01       38 阅读
  3. cms增加定时更新网站地图

    2024-04-28 06:06:01       32 阅读
  4. 阿里云安装Mysql

    2024-04-28 06:06:01       32 阅读
  5. 网络通信协议,UDP和TCP,初步了解

    2024-04-28 06:06:01       35 阅读
  6. NLP(9)--rnn实现中文分词

    2024-04-28 06:06:01       34 阅读
  7. 第9章:并发数据结构和同步原语

    2024-04-28 06:06:01       35 阅读
  8. webpack

    webpack

    2024-04-28 06:06:01      171 阅读