css实现loading文字颜色填充动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:css实现loading文字颜色填充动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> .loader { font-size: 20vmin; font-family: monospace; font-weight: bold; text-transform: uppercase; color: #0000; -webkit-text-stroke: 2px #FF4E50; --g:conic-gradient(#FF4E50 0 0) no-repeat text; background:var(--g) 0,var(--g) 1ch,var(--g) 2ch,var(--g) 3ch,var(--g) 4ch,var(--g) 5ch,var(--g) 6ch; animation: l20-0 1.5s linear infinite alternate, l20-1 3s linear infinite; } .loader:before { content: "Loading"; } @keyframes l20-0 { 0% {background-size: 1ch 0 ,1ch 0 ,1ch 0 ,1ch 0 ,1ch 0 ,1ch 0 ,1ch 0 } 25% {background.........完整代码请登录后点击上方下载按钮下载查看
网友评论0