前端动画学习专栏
关注
分享
扫一扫
文章平均质量分 96
前端动画学习专栏
@PHARAOH
努力输出系统性的WEB开发入门文章和成长感悟...觉得文章不错有收获的话，打赏激励一下博主吧。提供就业咨询服务！
展开
-
WHAT - CSS Animationtion 动画系列（一）
CSS animation 是一种使用 CSS 规则来创建动画效果的技术。通过在 CSS 中定义关键帧和动画属性，可以实现元素在页面上的平滑过渡、旋转、缩放等动态效果。原创 2024-05-12 11:49:11 · 828 阅读 · 0 评论
-
WHAT - CSS Containment 隔离子元素的布局 (contain=layout)
通过，你可以将子元素的布局变化“局限”在父容器内，大幅减少重排的传播范围。这种优化在复杂动画、动态列表或嵌套组件中尤其有效，是前端性能调优的重要工具之一。原创 2025-03-07 13:34:53 · 1069 阅读 · 0 评论 -
WHAT - CSS Animationtion 动画系列（三）- 动画卡顿分析
自 HTML 和 CSS 诞生以来，开发者在项目中经常使用动画来优化视觉效果，提升用户体验和留存，从远古时期 IE6 的各种滤镜到现在的 CSS3、canvas、SVG，愈发复杂的动画效果在即便是硬件性能快速增长的今天，性能问题一直是困扰我们的难题之一，本文旨在探讨影响动画性能的因素并寻找解决的办法。原创 2024-05-12 15:49:09 · 2267 阅读 · 0 评论 -
WHAT - CSS Animationtion 动画系列（四）- 移动端全屏动画
今天我们主要介绍在移动端（IOS和安卓）实现全屏动画播放。原创 2024-05-12 14:23:10 · 856 阅读 · 0 评论 -
WHAT - CSS Animationtion 动画系列（二）
今天我们主要学习动画实现要素。原创 2024-05-12 13:01:07 · 1244 阅读 · 0 评论