51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

loading 效果 android loading动画css
项目中有个活动页加载时有个loading动画，效果如上图，连续绽放小球，问题就是太卡，经常出现一堆小球抱团卡住，遂进行优化注意：（仅在页面加载时卡顿，加载完毕，点击的时候不卡顿）查看代码发现动画借用的animejs 官网中的效果，通过canvas实现的，按理说canvas应该时性能很好的，不应该出现卡顿，问题在我的活动页中就是非常卡顿思考再三，把最终原因归结于首页加载时候，浏览器要加载资源，渲染d
loading 效果 android
Math
加载
ci
转载
lazihuman
2024-07-04 05:21:39
137阅读

css实现loading动画
* html<div class="weui-loading"></div>* css.weui-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoad...
css
loading
加载动画
xml
3d
原创
mzh9112
2021-08-13 10:33:30
721阅读

有趣的CSS - css loading动画
用纯 css 实现 loading 加载动画效果。
css
html
css3
loading动画
ui
原创
设计师工作日常
2024-03-03 10:54:42
1058阅读

Android圆圈loading
# Android 圆圈 Loading 动画的实现与原理 在移动应用开发中，良好的用户体验是至关重要的。为了提示用户正在加载数据或者执行某项操作，开发者通常会使用加载动画。本文将以 Android 平台上的圆圈 loading 动画为例，介绍其实现方法及原理。 ## 一、圆圈 Loading 动画的概念 圆圈 loading 动画是一种常见的加载指示器，它通常以一个旋转的圆圈来表示应用正在
android
自定义
Android
原创
mob64ca12f86e32
10月前
183阅读

CSS3-loading动画
（二） 上次分享了四个CSS3的加载动画，今天继续（标题接上一次）。 在线demo：http://liyunpei.xyz/loading.html （持续更新） 请注意：代码中的关键帧动画有的用的linear曲线，而有的用的是ease曲线。前者是匀速执行，整个动画以固定的速度执行；后者有加速减速阶
关键帧动画
外边距
圆角
旋转动画
块元素
转载
mb5ff5901795aaf
2017-07-12 00:32:00
520阅读
2评论

css模拟Android loading动画
动画效果我们可以用js完成也可以用css3新增的动画完成，不过在工作中建议能用css完成的动画就用css别用js毕竟css渲染的效果比js更好让我们先来了解下 css中的动画知识CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。要创建 CSS3 动画，你需要了解 @keyframes 规则。@keyframes 规则是创建动画。 @keyfr
css
CSS
选择器
转载
mob64ca1405d568
8月前
20阅读

CSS动画实例：Loading加载动画效果（三）
3．小圆型Loading 这类Loading动画的基本思想是：在呈现容器中定义1个或多个子层，再对每个子层进行样式定义，使得其均显示为一个实心圆形，最后编写关键帧动画控制，使得各个实心圆或者大小发生改变、或者平移、或者旋转。 （1）小圆大小或透明度进行变化。 例如，在container层中定义两个名 ...
CSS动画
转载
mb607022e25a607
2021-05-04 12:12:21
1402阅读
2评论

CSS动画实例：Loading加载动画效果（二）
2．条状型Loading 这类Loading动画的基本思想是：在呈现容器中定义一个或多个子层，再对每个子层进行样式定义，使得其显示为一个条形或方形，最后编写关键帧动画控制，使得各个条形（或方形）的大小、位置、填充色等发生变化或者进行旋转。 （1）多个竖条进行变化的加载效果。 例如，编写如下的HTML ...
CSS动画
转载
mb607022e25a607
2021-05-04 12:12:42
1445阅读
2评论

CSS动画实例：Loading加载动画效果（一）
一些网站或者APP在加载新东西的时候，往往会给出一个好看有趣的Loading图，大部分的Loading样式都可以使用CSS3制作出来，它不仅比直接使用gif图简单方便，还能节省加载时间和空间。下面介绍常见的一些Loading动画效果图的制作方法。 1．圆环型Loading 这类Loading动画的基 ...
CSS动画
转载
mb607022e25a607
2021-05-04 12:13:03
1410阅读
2评论

css实现多个loading动画效果
效果展示 在开发中，为了提高用户体验，通常在加载数据的时候会给一个loading提示，这里分oading...
vue.js
ci
4s
加载数据
转载
lenglingx
2023-06-01 13:08:36
328阅读

巧用 CSS 实现动态线条 Loading 动画
有群友问我，使用 CSS 如何实现如下 Loading 效果： 这是一个非常有意思的问题。 我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： <div></div> div { width: 100px; height: 100px; border-radius: 50%; bord
css
动画效果
背景色
原创
Chokcoco
2022-04-30 21:38:13
1705阅读

loading 动画 android loading动画特效
提起加载（loading）效果，想必大家都不会陌生，在目前的移动端、PC端、各类app均广泛使用，使用loading动画能显著提升用户的交互体检，尤其是在页面加载速度比较的慢的情况下，loading动画的作用就更加突出了。实现一个个性化的加载动画效果，并不难，其主要原理是使用css3动画属性-animation、结合transform属性即可。本章节结合代码简单记录一下加载动画的实现过程1.基础版
loading 动画 android
动画
css3
css
html5
转载
夜行者3号
2023-11-30 17:05:18
501阅读

ProgressBar loading 动画 loading加载动画
我们在进行大数据的传输或者复杂操作的等待时，最好能有一个Loading等待的小动画提示用户。本文将为大家分享一些超华丽的基于HTML5的Loading加载动画特效，希望你会喜欢。1、HTML5 Canvas实现超酷Loading动画这次我们来看一款非常酷的Loading动画加载效果，和纯CSS3实现齿轮Loading加载动画类似，也是利用几何的特性来模拟的，它是一些类似旋转的动画效果。在线演示&n
大数据
javascript
ViewUI
HTML5
进度条
转载
IT智行者
2024-05-21 14:02:21
81阅读

android圆圈动画
# 实现Android圆圈动画的步骤 ## 1. 创建一个新的Android项目 - 首先，在Android Studio中创建一个新的Android项目。可以使用默认设置，也可以根据个人喜好进行自定义设置。 ## 2. 添加动画资源文件 - 在res目录下的`res/anim`文件夹中创建一个新的XML文件，命名为`circle_animation.xml`。这个文件将包含定义圆圈动画的代码
Android
xml
ci
原创
mob64ca12f21246
2023-12-22 05:45:01
138阅读

HTML+CSS+JS实现 ❤️圆圈波纹动画特效❤️
???? 作者主页：Java李杨勇???? 简介：Java领域优质创作者????、Java李杨勇公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 效果演示：文末获取源码代码目录：主要代码实现：CSS样式：body { display: flex; align-items: center; justify-content: center; min-heig
css
动画
html5
圆圈波纹动画
前端大作业
原创
java李杨勇
2021-09-13 15:57:54
1308阅读

HTML+CSS+JS实现 ❤️圆圈波纹动画特效❤️
???? 作者主页：Java李杨勇???? 简介：Java领域优质创作者????、Java李杨勇公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 效果演示：文末获取源码代码目录：主要代码实现：
css
动画
html5
圆圈波纹动画
前端大作业
原创
java李杨勇
2022-02-17 17:44:18
382阅读

android 围绕圆圈运动动画 圆圈动画图
先看效果图：这是我在某软件上看到的加载动画，感觉挺不错，就自己研究了一下。下面给大家分享一下该动画的实现过程一、三个圆环的绘制和运动分析来看下面这张解析图：假设每个圆环的初始位置如上图，那么我们可以设定每一个圆环的位置以及它离控件边界的距离(w/6)为了方便，我们定义控件宽度getWidth()为w，那么左上，右上，正下方圆环的圆心坐标依次为：(w/4, w/4)，(w*3/4, w/4)，(w/
android 围绕圆圈运动动画
android
canvas
安卓
ci
转载
代码探险家
2023-12-27 11:03:02
115阅读

css loading
css /*loading*/       .loader {         width: 100px;         height: 101px;         border: 8px solid;         border-top-color: hsl(154,100%,31%);         border-left-color: hsl(216,87%,52%);       
css loading
原创
迩伶贰
2021-05-13 21:31:56
1045阅读

Android图标圆圈动画
# Android图标圆圈动画 在Android应用程序中，图标是用户与应用进行交互的重要元素之一。为了增强用户体验，开发者们经常会在图标上添加一些动画效果。其中，圆圈动画是一种常见的动画效果，它可以让图标看起来更加生动和吸引人。本文将介绍如何在Android应用程序中实现一个简单的图标圆圈动画。 ## 圆圈动画实现原理 圆圈动画的实现原理是通过在图标周围绘制一个圆圈，并对这个圆圈进行缩放和
动画效果
Android
应用程序
原创
mob649e815cb099
2024-04-19 07:51:42
140阅读

swift 进度动画 圆圈
在iOS开发中，使用Swift实现一个进度动画的圆圈效果，能够提升用户体验，使得用户在等待时感到更为愉悦。下面我将详细记录下“swift 进度动画 圆圈”的开发过程。 ## 备份策略 在开发前，我们需要确保整个开发过程中数据的安全性和可恢复性。下面这个甘特图展示了备份的周期计划： ```mermaid gantt title 备份策略 dateFormat YYYY-MM-D
User
swift
bash
原创
mob64ca12d5dd85
7月前
15阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

ios 圆圈铺开 动画

swift 转圆圈动画

android圆圈特效动画

iOS 圆圈转圈动画

Android 圆圈扩散动画

android画圆圈动画

做一个旋转的 css loading 动画，css 扇形

Android圆圈loading 安卓手机有一个圆圈

css圆圈慢慢放大

HTML+CSS+JS实现 ❤️制作loading动画效果❤️

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯