一：
二：
?
? ? .loading {
? ? ? text-transform: uppercase;
? ? ? font-family: 'Cabin Condensed', sans-serif;
? ? ? font-weight: bold;
? ? ? font-size: 50px;
? ? ? text-align: center;
? ? ? height: 120px;
? ? ? line-height: 110px;
? ? ? vertical-align: bottom;
? ? ? position: absolute;
? ? ? left: 0;
? ? ? right: 0;
? ? ? top: 260px;
? ? ? bottom: 0;
? ? ? display: block;
? ? }
? ? @keyframes wave-animation {
? ? ? 0% {
? ? ? ? background-position: 0 bottom;
? ? ? }
? ? ? 100% {
? ? ? ? background-position: 200px bottom;
? ? ? }
? ? }
? ? @keyframes loading-animation {
? ? ? 0% {
? ? ? ? background-size: 200px 0px;
? ? ? }
? ? ? 100% {
? ? ? ? background-size: 200px 200px;
? ? ? }
? ? }
? ? .wave {
? ? ? background-image: url("./img/wave.png");
? ? ? background-clip: text;
? ? ? color: transparent;
? ? ? text-shadow: 0px 0px rgba(255, 255, 255, 0.06);
? ? ? animation: wave-animation 1s infinite linear, loading-animation 10s infinite linear alternate;
? ? ? background-size: 200px 100px;
? ? ? background-repeat: repeat-x;
? ? ? opacity: 1;
? ? }
- 1.Mock.js
- 2.conic-gradient 圓錐漸變
- 3.ES6 Module學習筆記
- 4.ES6函數擴展學習筆記
- 5.導入topojson模塊的坑
- 6.git 內部分享
- 7.npm install --save
- 8.nvm和nrm
- 9.刪除node_modules文件夾
- 10.es6 symbol
- 11.Set和Map數據結構
- 12.chrome控制臺的$0
- 13.d3-ordinal
- 14.Object.assign() 和lodash的merge()
- 15.echarts x軸坐標文字顯示不全
- 16.echarts地圖配置項--中文
- 17.webpack自動瀏覽器打開插件
- 18.D3線條和面積動畫--未采用
- 19.投影濾鏡
- 20.文本擋住觸發事件
- 21圖表用法
- 22.大膽的表現自己把
- 23.裁剪clip-path
- 24svg線條動畫的反向和時間誤差
- 25.visibility和display的區別
- 26.SVG濾鏡
- 27windo命令行的坑
- 28.textContent與innerText的不同
- 29.CSS3炫酷文本
- 30.更改webpack配置文件路徑
- 31.大胖給我做的css codereivew
- 32.定義接口不要限定死
- 33.不使用浮動，用inline-block平分出現換行問題
- 34.輸入框的校驗
- 35.handlbars的registerHelper
- 36.animation-fill-mode
- 37.svg嵌套HTML，實現文本換行
- 38.SVN出現黃色感嘆號
- 39.typeof與instanceof
- 40.SVG里面謹慎設置font-family
- 41.新腳手架里的相對路徑問題