首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
lottie动画
订阅
Chen_chen88129
更多收藏集
微信扫码分享
微信
新浪微博
QQ
24篇文章 · 0订阅
实现简单的数字滚动效果
一个简单的数字滚动效果,数字使用0-9竖向排列,利用transform:translateY()改变数字位置,超出隐藏,再加个动画效果就欧克了
vue简单的数字滚动动画
vue简单的数字滚动,使用transform:translateY()来实现滚动,简陋且粗暴 效果 代码 结尾 可封装为组件, 小白一个,干不动就回家喂猪
记一次实现音频(Audio)自动播放,视频同理
近期接到一个新需求,要在PC端和小程序端实现新订单语音提醒,其实许多需求前端的实现难度并不高,难的是各浏览器的限制、兼容不一等,此次也不例外。 又或者使用JavaScript更精确地控制音频、视频的播放。 咋一看没什么错,官方文档也明确写着支持,然而还是“太年轻了”,当开始打开…
使用Vue的transition组件写一个数字滚动竟然如此简单
使用vue的transition组件,来实现一个数字滚动效果,其实不仅可以是数字滚动,还可以是文字、段落滚动,代码片段使用了定位做的,还可以使用transform,只是一种思路,不限制方案。
【vue自定义组件】实现大屏数字滚动翻转效果
小知识,大挑战!本文正在参与“ 程序员必备小知识 ”创作活动 本文同时参与 「掘力星计划」 ,赢取创作大礼包,挑战创作激励金 前言 佛祖保佑, 永无bug。Hello 大家好!我是海的对岸! 实
真·数字滚动特效
number-flip: Change number with flipping animation.
Lottie系列二:高级属性
高级属性可以帮助我们在已有Lottie动画的基础上“再造动画”,包括但不限于替换原有Lottie动画中的图层背景、颜色、文字、图片,甚至定制动画每个图层的不动展示效果。
27 个前端动画库让你的交互更加炫酷
很多时候我们在开发前端页面时都会做一些动画效果来提升用户体验度和页面美观度,所以今天就来给大家推荐几个好用的JavaScript动画库,希望对各位小伙伴有所帮助! Animate.css animat
实现一个逐步递增的数字动画
可视化大屏项目使用最多的组件就是数字组件,展示数据的一个变化,为了提高视觉效果,需要给数字增加一个滚动效果,实现一个数字到另一个数字逐步递增的滚动动画。
动画利器-lottie在懂表帝App中的实战应用
一般遇到动画第一反应是使用gif动态图,由UI小姐姐直接做好gif放到页面上就可以了。但是在这个需求中,动画是运行在半透明弹出层上,而gif不支持alpha通道,而且在本页面的需求中需要在动画结束后进行后续的逻辑操作,gif不能有效的监听动画完成事件。 首先,去github仓库…