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

#字体#

#渐变#

#动画#

相关推荐
2501_940041744 分钟前
前端工程化进阶:5个高交互与可视化项目提示词
前端
你很易烊千玺4 分钟前
JS 异步 从零讲(大白话 + 真实场景 + 可运行案例)
前端·javascript·vue.js
why技术2 小时前
AI Coding开始进入第四个时代,我还没上车呢!
前端·人工智能·后端
大家的林语冰3 小时前
CSS 已死?DOM 性能黑洞!Pretext 排版革命让你在文本间跳舞,没有 DOM 也能纵享丝滑~
前端·javascript·css
vipbic3 小时前
我也该升级了,陪伴了我7年的博客
前端
Lee川3 小时前
RAG 实战:从一篇掘金文章出发,拆解检索增强生成的全链路
前端·人工智能·后端
Lee川4 小时前
MCP 高德地图实战:当 AI 学会使用工具,一个协议如何重塑大模型的行动边界
前端·人工智能·后端
ZC跨境爬虫4 小时前
跟着 MDN 学CSS day_14:(尺寸调整技能测试与实战解析)
前端·css·ui·html·tensorflow
kyriewen4 小时前
用魔法打败魔法:我让AI替我去面试前端岗,AI面试官给我打了92分,还发了offer
前端·javascript·面试
IT_陈寒4 小时前
Redis批量删除踩了坑,原来DEL命令不是万能的
前端·人工智能·后端