搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏前端数据可视化
纯css实现117个Loading效果（下）
1s linear infinite alternate; } @keyframes loading-animation { 0% { box-shadow: 20px 0 rgba(255 0.6s linear infinite; } @keyframes loading-animation { 0% { box-shadow: 20px -10px, 40px 10px 0.6s linear infinite; } @keyframes loading-animation { 0% { box-shadow: -10px 20px, 10px 35px 6s linear infinite; } @keyframes loading-animation { 0% { width: 0%; } 100% { width: 10s ease-in infinite; } @keyframes loading-animation { 0% { width: 0%; } 100% { width
1.6K20编辑于 2022-04-17
来自专栏囍楽云博客
网站添加Loading加载动画
-- loading开始 --> <style>#loading-animation{background-color:#fff;height:100%;width:100%;position:fixed -ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}</style><div id="<em>loading-animation</em> function(){function e(){setTimeout(()=>{$("#loading-animation").fadeOut(540)},500)}window.jQuery?
2.3K20编辑于 2022-12-29
来自专栏前端数据可视化
纯css实现117个Loading效果（中）
; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 3px solid #000; } @keyframes loading-animation 2s ease-in-out infinite alternate; } @keyframes loading-animation { from { transform: rotate( 1s ease-in-out infinite; } @keyframes loading-animation { from { transform: rotate(0deg); } 1.2s ease-in-out infinite alternate; } @keyframes loading-animation { from { transform: rotate 1.5s linear infinite; } @keyframes loading-animation { from { transform: rotate(0deg); }
1.8K20编辑于 2022-04-17
来自专栏京程一灯
为 Vue 的惰性加载加一个进度条
width: 20%; background-image: linear-gradient(to right, #23d6d6, #29ffff, #23d6d6); animation: loading-animation margin-left: -30px; border-radius: 0 0 5px 0; box-shadow: 0 0 10px #23d6d6; } @keyframes loading-animation
3.7K30发布于 2020-10-22
来自专栏全栈文档库
JavaScript+HTML+CSS实现12种常见加载画面
HTML代码：

<div class="<em>loading-animation</em> : none; justify-content: center; align-items: center; z-index: 9999; overflow: hidden;}.<em>loading-animation</em> f44336 100%); border-radius: 50%; position: relative; animation: spin 1.5s linear infinite;}.<em>loading-animation</em> ::before, .<em>loading-animation</em>::after { content: ''; position: absolute; inset: 6px; background-color : #1f1f1f; border-radius: 50%;}.<em>loading-animation</em>::before { inset: 10px; background: radial-gradient
1.5K32编辑于 2024-08-19
来自专栏前端下午茶
一个骚气的文章目录自动生成器了解一下
progress-catalog.css' 使用方法： // 引入 import Catalog from 'ProgressCatalog' // 使用 new Catalog({ contentEl: 'loading-animation
1.4K20发布于 2018-10-22

纯css实现117个Loading效果（下）

网站添加Loading加载动画

纯css实现117个Loading效果（中）

为 Vue 的惰性加载加一个进度条

JavaScript+HTML+CSS实现12种常见加载画面

一个骚气的文章目录自动生成器了解一下

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐