個視頻來做一個可編輯的文字霓虹燈閃爍效果。顯示的文字是可以修改的，比方把這些英文刪掉，然后改成HELLO WORLD，過程中它是伴隨著閃爍，還有一個倒影的效果。

·來看一下代碼，html非常簡單，就一個h1的標簽，然后寫了一些基本的樣式。先來看一下，現在就這樣，但是這些字母還不可以編輯修改。

·要對這個元素進行內容編輯，給它添加一個contenteditable屬性，現在這些內容就可以修改了。

·再把外面這一圈線outline給它去掉，再給它添加個倒影。把outline設置為來添加個倒影，倒影用boselifly屬性，在下方1個像素，給個漸變顏色，倒影也出來了。

·再設置個字體顏色，文字的閃爍效果用動畫來控制，來寫個動畫，讓它五秒鐘完成線性的循環播放。

·來寫個動畫，控制一下字體顏色發生變化，百分之一百的時候字體讓它變成白色，再加個文字陰影，有點效果了。陰影多疊加幾層，讓它有一種發散開來的感覺，逐漸增加模糊的程度，沒問題。

·最后就是讓文字有閃爍的效果，這個也很簡單，給它增加一點中間的過程，來回往這兩個狀態來切換就可以了。這個大家可以自己來調一個合適的頻率，沒有問題，里面的內容是可以進行修改的。

這個視頻就到這里，感謝大家的收看。

天給大家帶來了一個跳動的信號條，大家可以看看效果，它不停地從低到高、高到低循環，非常有趣。這個信號條的代碼其實很簡單，我們來解析一下代碼部分。

·首先，我們使用vivo試圖溶解包裹了四個vivo試圖溶解，這四個是土容器，大家都知道這四根線條。

·然后，這個大的土容器進行了寬度、高度、頂部距離、左邊距等的設置，大家可以根據實際項目進行設置。

·下面是單個條塊，大家可以看到它們的命名都是一樣的，勞動報都設置成了寬度、高度、間距、背景顏色、圓角等效果。

·主要是一個動畫，這個動畫是循環播放的，采用的是哪種動畫呢？大家可以看到，它是控制高度的變化的。首先從十p x到五十p x，再回到十p x，就是從低到中到高，再從高到中到低。

·動畫設置完成后，我們需要進行時間的控制。時間控制的設置大家可以看到，第二條動畫延遲了零點一、零點二、零點三，就形成了這種波狀的樣式。大家可以自己動手寫一下。

我使用的開發工具是hb的x，開發uniap的，感興趣的可以點贊收藏一下，想要源碼的可以找我聊聊天，我給你們發。