clip-path裁剪,css的滤镜,动画时间线,css的变量和函数

clip-path裁剪基本语法

在那个网站自己调,生成代码复制就行

动画新知识(1turn是360度就是一圈)

css的滤镜

滤镜filter的使用

背景滤镜backdrop-filter

动画时间线

滚动时间线

就是一个滚动条,页面滑动哪里,线条也到哪里

视图时间线

不断向下滚动页面的时候,内容会进行放大效果(做动画效果)

css的变量和函数

变量

存储数据,再拿出来用。(就是一个化简代码的,用来统一一下全局相同的变量)

函数

案例1(小兔鲜)

让图标按间隔隔开

案例2(延迟出现,层次性)

相关推荐
benbenAItalk3 小时前
数字人口播视频的批量生产实践:素材规范、任务编排与质量验收
java·前端·音视频
sunshine22 girl3 小时前
Java学习二 基本语法2, 算术运算符
java·学习
2601_962885723 小时前
如何用 Python 扫描 A 股跳空缺口并统计缺口回补概率?
java·前端·python
西瓜太郎12344 小时前
Claude Code、Codex CLI、Gemini CLI 能否共用一枚 Key?先看协议选择矩阵
前端·api 网关·claude code·gemini cli·codex cli
陈随易6 小时前
在Finch用了62亿词元,我认为这是新一代Agent工具之神
前端·人工智能·后端
衡石科技6 小时前
Data_Agent记忆机制与经验复用衡石分析智能体会话记忆与长期学习技术解析
人工智能·科技·学习·算法·企业级bi
水域安全老周6 小时前
水趣钓鱼救生衣专利拆解:两级锁紧如何解决落水人衣分离
java·前端·网络
传奇开心果编程7 小时前
【Xilem基础语法学与练】第7课:Xilem与Masonry底层构建技术解析
学习·rust·前端框架
计算机魔术师7 小时前
Anthropic CEO突然喊踩刹车,OpenAI罕见力挺:AI这辆车不能只踩油门了
前端
wing987 小时前
从codex转战workbuddy使用一周的感受
前端·人工智能·后端