tailwind实现渐变直线loading加载动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:tailwind实现渐变直线loading加载动画效果代码
代码标签: tailwind 渐变 直线 loading 加载 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .line-loader { background-image: linear-gradient( to right, transparent, #f0ebab, #f3b4ce, #96cfca, transparent, transparent, transparent, transparent, transparent ); background-size: 200% 100%; -webkit-animation: line-loader 2s infinite linear; animation: line-loader 2s infinite linear; } @-webkit-keyframes li.........完整代码请登录后点击上方下载按钮下载查看
网友评论0