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方向上重复。

#字体#

#渐变#

#动画#

相关推荐
牛奶20 分钟前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶26 分钟前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion44 分钟前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er1 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart2 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星2 小时前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_3 小时前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路3 小时前
ArcPy 开发环境搭建
前端
林小帅4 小时前
【笔记】OpenClaw 架构浅析
前端·agent
林小帅5 小时前
【笔记】OpenClaw 生态系统的多语言实现对比分析
前端·agent