本文总结了 web 端常见动画实现的方式，希望读者在阅读完本文后，掌握动画开发技巧，更加自信地解决日常开发需求。

浏览器动画引擎 API，可以通过 JS 操作。这些 API 被设计成 `CSS Transition` 以及 `CSS Animation` 的接口，很容易通过 JS 的方式实现 CSS 动画。

前端开发中，动画实现方式有两种：CSS动画和JS动画，由于渲染方式的不同，CSS动画相对JS动画性能较好，故优先使用CSS来完成需要的动画效果，但是，在CSS动画无法实现（比如点击网站底部回到顶部）以及需要控制动画暂停、播放、弹跳、倒退或减速等场景下，我们就得使用JS动画，那如…

很多时候我们在开发前端页面时都会做一些动画效果来提升用户体验度和页面美观度，所以今天就来给大家推荐几个好用的JavaScript动画库，希望对各位小伙伴有所帮助！ Animate.css animat

为什么会有Lottie动画呢？在前端程序员根据UI视觉稿实现页面效果时一直存在这样的一种“矛盾” - 动画效果更完美与工期成本的矛盾。

1. Lottie 介绍 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

前言1.Animista网站地址:http://animista.net/网站描述:在线生成css动画Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能1.选择不同的动画

View Transitions API 允许在单页面应用中使用过渡动画，帮助用户在导航时更好地理解页面 A 和页面 B 之间的关系, 同时降低认知负荷，减少加载/渲染的延迟感知。