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

clip-path裁剪基本语法

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

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

css的滤镜

滤镜filter的使用

背景滤镜backdrop-filter

动画时间线

滚动时间线

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

视图时间线

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

css的变量和函数

变量

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

函数

案例1(小兔鲜)

让图标按间隔隔开

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

相关推荐
小O的算法实验室4 分钟前
AAAI-26,全局相关性学习:通过谱图神经网络增强进化算法
神经网络·学习·算法
宁风NF6 分钟前
JavaScript:网络请求与前端通信
开发语言·前端·javascript·网络·学习·ecmascript
明月_清风6 分钟前
从概念到代码:用 Ontology 构建你的第一个知识图谱
前端·后端
程序员黑豆24 分钟前
鸿蒙应用开发:AppStorage 全局状态存储用法教程
前端·harmonyos
猫猫不是喵喵.32 分钟前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
En^_^Joy44 分钟前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis
神神道呵he1 小时前
[深度学习] 大模型学习-RAG技术全景解析
人工智能·深度学习·学习
爱码小白1 小时前
importlib模块
开发语言·前端·python
MartinYeung52 小时前
[论文学习]AgentSafetyBench:大语言模型智能体安全评估基准深度分析
学习·安全·语言模型
猫猫不是喵喵.2 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js