个视频来做一个可编辑的文字霓虹灯闪烁效果。显示的文字是可以修改的，比方把这些英文删掉，然后改成HELLO WORLD，过程中它是伴随着闪烁，还有一个倒影的效果。

·来看一下代码，html非常简单，就一个h1的标签，然后写了一些基本的样式。先来看一下，现在就这样，但是这些字母还不可以编辑修改。

·要对这个元素进行内容编辑，给它添加一个contenteditable属性，现在这些内容就可以修改了。

·再把外面这一圈线outline给它去掉，再给它添加个倒影。把outline设置为来添加个倒影，倒影用boselifly属性，在下方1个像素，给个渐变颜色，倒影也出来了。

·再设置个字体颜色，文字的闪烁效果用动画来控制，来写个动画，让它五秒钟完成线性的循环播放。

·来写个动画，控制一下字体颜色发生变化，百分之一百的时候字体让它变成白色，再加个文字阴影，有点效果了。阴影多叠加几层，让它有一种发散开来的感觉，逐渐增加模糊的程度，没问题。

·最后就是让文字有闪烁的效果，这个也很简单，给它增加一点中间的过程，来回往这两个状态来切换就可以了。这个大家可以自己来调一个合适的频率，没有问题，里面的内容是可以进行修改的。

这个视频就到这里，感谢大家的收看。

天给大家带来了一个跳动的信号条，大家可以看看效果，它不停地从低到高、高到低循环，非常有趣。这个信号条的代码其实很简单，我们来解析一下代码部分。

·首先，我们使用vivo试图溶解包裹了四个vivo试图溶解，这四个是土容器，大家都知道这四根线条。

·然后，这个大的土容器进行了宽度、高度、顶部距离、左边距等的设置，大家可以根据实际项目进行设置。

·下面是单个条块，大家可以看到它们的命名都是一样的，劳动报都设置成了宽度、高度、间距、背景颜色、圆角等效果。

·主要是一个动画，这个动画是循环播放的，采用的是哪种动画呢？大家可以看到，它是控制高度的变化的。首先从十p x到五十p x，再回到十p x，就是从低到中到高，再从高到中到低。

·动画设置完成后，我们需要进行时间的控制。时间控制的设置大家可以看到，第二条动画延迟了零点一、零点二、零点三，就形成了这种波状的样式。大家可以自己动手写一下。

我使用的开发工具是hb的x，开发uniap的，感兴趣的可以点赞收藏一下，想要源码的可以找我聊聊天，我给你们发。