本文正在参加「金石计划 . 瓜分6万现金大奖」时隔一个月，又带着 css 来和大家见面了，这次又给大家带来一个炫酷的水波动画特效。这次以掘金拼音为主题，在其内部实现一个水波荡漾效果，具有立体感。

👏渐变+伪元素实现流星，translateY实现划过动画，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

如今各大视频网站都有弹幕功能，貌似不存在没有弹幕的视频直播网站。弹幕元素比起留言板等交互性和实时性更高，深受广大基友们喜欢。 然后，我就在各大视频网站假装观看视频的同时，悄悄地按下了F12，想一探究竟。了解发现，目前弹幕的主要实现有两种方式： 一说到动画，大家第一时间能想到的就…

前言 之前做项目的时候需要一个弹幕效果，但是当时没找到合适的弹幕库，就自己写了一个 vue-custom-barrage，下面说一下弹幕库的实现原理，大家也可以后面开发自己的弹幕库。 开发功能 无碰撞

这两天心血来潮，上 codepen 看到了一个超炫酷的一个RGB炫彩效果，想来能不能拿来做点什么，刚好在研究webSocket,想来拿来写一个弹幕或者聊天室也是极好的，所以心动不如行动，咱们开始吧 首

背景 之前写过一篇简单的单条弹幕实现文章，对于 bilibili 这一类视频网站的弹幕，该如何实现呢？如何将一个输入的弹幕推入到当前的屏幕中，选择合适的位置推入，保证当前弹幕不与屏幕上的弹幕不重复呢？

最近做年终活动，许愿的时候希望可以以弹幕的形式出现。 以下一步步，说明弹幕逻辑。本文的弹幕较为简单，重在说明弹幕逻辑。 先写段静态的文字。 但是一行通常不止一个弹幕，肯定不能block，所以这里的bullet-item需要处理下，这里我用定位的方式（主要为了之后的弹道，定位更方…

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上。不过，在测试过程中却发现，在移动端的浏览器上，绘制的内容展示十分模糊（如下图），经过分析之…