喜歡的求個免費的贊
這樣最終的效果：文字只出現了一半。
那麼大家的思路是不是就出來了。是不是只要有兩個重疊的 div 乙個紅色的字，乙個白色的字。用動畫讓白色字 div 的高度逐漸減少，是不是就可以實現這個效果。沒錯，是可以。
不過，我們只需要乙個 div 也可以乾成這件事。:after 或者:before 也可以乾成這件事。
動畫該如何設計呢；其實很簡單設定高度從 100% 到 0 就可以了。
@keyframes loaderheight
100%
}
.loader-1
loading
.loader-1::after最簡單的：laoder-1 是從下往上，這個就是從左往右，那不就和 width 有關嗎？
不過這裡還有另乙個點。那就是文字的效果。底層文字是有陰影的。看上去中間是空心的，其實不是，這只是因為背景顏色和文字本身的顏色一致。
我換個顏色，就清楚了。
在 css 中文字的陰影是 text-shadow。
text-shadow: 0 0 2px #fff, 0 0 1px #fff, 0 0 1px #fff;這是我覺得最有創意的文字載入了！！！
仔細觀察，有幾個點要特別注意。
最後我拆分一下。
分解完了，我們來研究一下怎麼做。咱們不考慮其他的比如增加 div 之類的，就單純的用:after 和:before 來實現。這裡有人可能會說了，你這裡有四個多出來的，只有兩個標籤怎麼實現？很簡單，元素本身確實只有乙個，但是元素可以增加很多內容啊。比如 border，陰影之類的。
講到這裡，是不是有點思路了，你看啊，1 和 2 是不是可以用陰影實現啊，3 和 4 用 after 和 before 實現。
這裡用了乙個空格來佔位。
load ng
.loader-3
.loader-3::before加上這個動畫，我們就可以看到效果了。
加上小球
.loader-3::after@keyframes animloader113
14%
28%
42%
57%
71%
85%
100%
}
css中傾斜： transform: skew()
css模糊：高斯模糊 filter: blur(0px)
loading
.loader-119
@-webkit-keyframes loader4
100%
}
跳動的星星
第一步，設定好介面大小 第二步，設定星星初始位置，和移動速度 第三步，利用迴圈實現移動，設定好什麼時候需要改變速度方向 顏色的話，變不變都無所謂，關鍵是要知道怎麼實現五角星移動和速度的改變 用的vs2019，部分函式可能會不一樣 include include void change char x ...
文字的跳動
今天做個文字跳動的效果 第一步 引入 第二步引入 jquery.easing jswing jquery.easing swing jquery.extend jquery.easing,easeinquad function x,t,b,c,d easeoutquad function x,t,b...
AS工程中的Loading應用
今天又來介紹loading.好像整天都介紹loading.希望沒誤導各位.首先.由於as工程沒有幀.所以不能用常用的方法來做loading.這裡介紹的方法使用元標籤frame 應該是元標籤吧?還是叫元資料標籤 網上對frame的介紹是.使用指定的類替換文件類.並把其它的東西都丟到了該類的第二幀.概念...