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

#字体#

#渐变#

#动画#

相关推荐
秋名山大前端6 小时前
Chrome GPU 加速优化配置(前端 3D 可视化 / 数字孪生专用)
前端·chrome·3d
今天不要写bug6 小时前
antv x6实现封装拖拽流程图配置(适用于工单流程、审批流程应用场景)
前端·typescript·vue·流程图
luquinn6 小时前
实现统一门户登录跳转免登录
开发语言·前端·javascript
用户21411832636026 小时前
dify案例分享-5分钟搭建智能思维导图系统!Dify + MCP工具实战教程
前端
augenstern4166 小时前
HTML(面试)
前端
excel6 小时前
前端常见布局误区:1fr 为什么撑爆了我的容器?
前端
烛阴6 小时前
TypeScript 类型魔法:像遍历对象一样改造你的类型
前端·javascript·typescript
vayy6 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
专注API从业者7 小时前
基于 Node.js 的淘宝 API 接口开发:快速构建异步数据采集服务
大数据·前端·数据库·数据挖掘·node.js
前端无冕之王7 小时前
一份兼容多端的HTML邮件模板实践与详解
前端·css·数据库·html