bilibili-public

介绍

b站发布视频示例源代码

https://github.com/lewton/bilibili-public

https://gitee.com/jiangxiaobo/bilibili-public

在线演示：https://lewton.github.io/bilibili-public/

CSS 特效

传送门1

传送门2

1-CSS鼠标悬停效果

源代码、在线演示、b站视频

2-CSS输入点击效果

源代码、在线演示、b站视频

3-CSS热茶效果

源代码、在线演示、b站视频

4-CSS水滴效果

源代码、在线演示、b站视频

5-CSS波纹效果

源代码、在线演示、b站视频

6-CSS太阳系

源代码、在线演示、b站视频

7-曲线导航菜单指示器

源代码、在线演示、b站视频

8-CSS带有滑动菜单指示器的导航选项卡

源代码、在线演示、b站视频

9-CSS云雨效果

源代码、在线演示、b站视频

10-CSS数据雨云效果

源代码、在线演示、b站视频

11-动态边框

源代码、在线演示、b站视频

12-玻璃形态卡片悬停效果

源代码、在线演示、b站视频

13-卡片悬停特效

源代码、在线演示、b站视频

14-菜单文字动画效果

源代码、在线演示、b站视频

15-动态数据滚动效果

源代码、在线演示、b站视频

16-科幻卡片悬停效果

源代码、在线演示、b站视频

17-滚动页面菜单指示器导航

源代码、在线演示、b站视频

18-CSS漩涡背景效果

源代码、在线演示、b站视频

19-CSS海报圆圈3D动画

源代码、在线演示、b站视频

20-CSS制作小黄人

源代码、在线演示、b站视频

21-CSS日食动画

源代码、在线演示、b站视频

22-CSS同态动画

源代码、在线演示、b站视频

23-简单的数据滚动效果

源代码、在线演示、b站视频

24-手机充电动画

源代码、在线演示、b站视频

25-蜡烛火焰效果

源代码、在线演示、b站视频

26-字体裁剪效果

源代码、在线演示、b站视频

27-图片切换预览效果

源代码、在线演示、b站视频

28-同态登录框

源代码、在线演示、b站视频

JavaScript

传送门1

传送门2

1-生成并下载二维码

源代码、在线演示、b站视频

2-大文件分片上传示例

源代码、b站视频

3-拖和放

源代码、在线演示、b站视频

4-AnimeJS库动画效果

源代码、在线演示、b站视频

5-生命游戏

源代码、在线演示、b站视频

6-促销广告特效

源代码、在线演示、b站视频

7-超级简约漂亮的音乐播放器

源代码、在线演示、b站视频

8-幸运转盘

源代码、在线演示、b站视频

9-页面滚动动画

源代码、在线演示、b站视频