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

clip-path裁剪基本语法

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

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

css的滤镜

滤镜filter的使用

背景滤镜backdrop-filter

动画时间线

滚动时间线

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

视图时间线

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

css的变量和函数

变量

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

函数

案例1(小兔鲜)

让图标按间隔隔开

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

相关推荐
神奇的程序员10 小时前
开发了一个管理本地开发环境的软件
前端·flutter
小e说说10 小时前
拯救孩子学习兴趣大作战!这些软件超神了
学习
XiYang-DING11 小时前
HTML 核心标签
前端·html
Csvn11 小时前
技术选型方法论
前端
Csvn11 小时前
前端架构演进:从页面到平台的十年变革
前端
李伟_Li慢慢11 小时前
ShaderToy-山峦+蓝天+白云
前端·webgl
小码哥_常12 小时前
Android字体字重设置全攻略:XML黑科技+Kotlin动态实现,告别.ttf臃肿
前端
呱呱巨基13 小时前
Linux 基础IO
linux·c++·笔记·学习
言萧凡_CookieBoty13 小时前
AI 编程省 Token 实战:从 Spec、上下文工程到模型分层的降本策略
前端·ai编程
DFT计算杂谈13 小时前
wannier90 参数详解大全
java·前端·css·html·css3