Lottie 解释:
Lottie 是一个由 Airbnb 公司开发,可同时在 Web、iOS、Android 和 React Native 等多个平台上运 行的高性能、可交互的矢量动画的开源库。
说白了就是设计师通过导出一个描述动画的 JSON 格式文件,并通过 Lottie 库就可以同时在几乎所有的平台运行。大大简化了设计师和工程师的工作。并且保证多个平台动画有一致的运行效果。
而且相对于视频和 Gif 比较,它的文件格式小,动画的性能还高。
Lottie 解释:
Lottie 是一个由 Airbnb 公司开发,可同时在 Web、iOS、Android 和 React Native 等多个平台上运 行的高性能、可交互的矢量动画的开源库。
说白了就是设计师通过导出一个描述动画的 JSON 格式文件,并通过 Lottie 库就可以同时在几乎所有的平台运行。大大简化了设计师和工程师的工作。并且保证多个平台动画有一致的运行效果。
而且相对于视频和 Gif 比较,它的文件格式小,动画的性能还高。
网页中 <a>
标签是带有如下这样一个下划线的样式,我们也可以通过 text-decoration
属性去设置成别的样式。
而我们今天要讨论的下划线动画,是无法直接通过哪个 CSS 属性设置的。我们只能通过伪造的方式模拟出一个下划线的效果。
首先我们将 <a>
标签的默认下划线去掉,然后将鼠标 hover 后的字体颜色保持一致。