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

clip-path裁剪基本语法

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

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

css的滤镜

滤镜filter的使用

背景滤镜backdrop-filter

动画时间线

滚动时间线

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

视图时间线

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

css的变量和函数

变量

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

函数

案例1(小兔鲜)

让图标按间隔隔开

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

相关推荐
李明卫杭州5 分钟前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js
六点_dn27 分钟前
Linux学习笔记-chmod命令
linux·笔记·学习
MartinYeung529 分钟前
[论文学习]揭示大语言模型智能体记忆模块中的隐私风险
人工智能·学习·语言模型
Tyler_11 小时前
iOS PlayWright mcp server
前端·ios·ai编程
嘟嘟07171 小时前
从零理解 MCP:手写一个本地 MCP Server 并接入 LangChain Agent
前端·后端
cocoafei1 小时前
GPT-5.6 后,别再混淆 ChatGPT 和 Codex 额度了
前端·人工智能·chatgpt
你怎么知道我是队长1 小时前
JavaScript的函数介绍
开发语言·前端·javascript
weedsfly1 小时前
观察者模式 vs 发布-订阅模式:从概念到实战,一次讲清楚
前端·javascript·面试
暗不需求1 小时前
手写 AJAX:从 XMLHttpRequest 到封装一个简易 axios
前端·面试
cxxcode1 小时前
CSS Loader 与样式处理链路
前端·css