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

CSS 水滴效果
大家好，我是 Steven。今集会介绍如何使用 CSS 制作一个水滴效果，当图形碰到的时候会好像融合在一起这样，印象中有些安卓系统的 UI 在充电时也是类似的动画的：这个教程的视频版本在 www.bilibili.com/video/BV1S6… ，欢迎三连关注！HTML 的部分打开 CodePen 编辑器，新增一个 <div>，class 是 container；在里面新增三个 &l
CSS
转载
mb5ffbc8bbd6412
2021-01-17 17:36:13
2122阅读
2评论

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
1043阅读

css画loading
效果图源代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>css loading</title> <style> .
html
4s
css
原创
wx58f59a601fad5
2022-10-10 06:23:21
149阅读

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

CSS 3.0实现水滴加载特效
给大家分享一个用CSS 3.0实现的水滴加载特效，效果如下：以下是代码实现，欢迎大家复制、粘贴和收藏。<!DOCTYPE h
前端开发
CSS
html
加载
原创
已注销
2023-03-23 01:14:51
17阅读

css 模拟ios loading css mod
在讲CSS Modules之前，先想想什么是CSS Module？在我眼中CSS Module是对css进行模块化的管理，更加深入的解释就是用来管理css样式的导入与导出。灵活按需导入以便复用代码，导出的时候要合理的分割域的界限。CSS Module面对的问题模块化实际过程中遇到的问题有如下几点:样式污染命名混乱无法共享变量,具体来说，在主题样式文件库中设置了默认样式，然后想要在js中去获取，在原
css 模拟ios loading
css-modules
css
CSS
模块化
转载
detailtoo
2023-09-27 12:49:55
55阅读

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
718阅读

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

各种 css loading ios
# CSS Loading 动效及其在 iOS 中的应用 在现代 web 开发中，用户体验尤为重要，尤其是在页面加载期间。为了让用户耐心等待，开发者通常会使用 Loading 动效来提升用户的体验。在 iOS 应用中，这种 Loading 动效尤为常见，下面我们将通过 CSS 示例来展示多种 Loading 动效，同时探讨其实现方式。 ## 什么是 Loading 动效？ Loading 动
加载器
动效
加载
原创
mob64ca12ddcacc
2024-08-21 07:50:13
64阅读

CSS 3.0实现水滴单选框
给大家分享一个用CSS 3.0实现水滴单选框动画，效果如下：以下是代码实现，欢迎大家复制、粘贴和收藏。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 3.0实现水滴单选框</title> <style> @import url(ht
前端开发
CSS
ci
html
单选框
原创
已注销
2023-03-23 01:20:27
64阅读

Android 水滴 水滴系统
5G手机相信我们已经期待已久，而近日，华为mate X获得中国首张5G终端电信设备进网许可证，在5G上华为有着绝对的话语权，目前已经有多国与华为签订了5G合同，任正非说过华为在5G技术上，领先其他5G企业至少一两年，足以看出华为的实力。华为不仅仅在5G技术上十分强大，在其他方面表现也不错，像华为的拍照技术和麒麟芯片，都是目前行业里最顶级的存在，而华为即将发布的鸿蒙OS系统也备受，按照目前华为的态度
Android 水滴
水滴os 鸿蒙
屏幕尺寸
变焦
中国移动
转载
锦绣前程未央
2023-11-12 15:58:45
141阅读

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

css loading页面的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> dot {
基线
html
关键帧
原创
wx6405b2c488d4e
2023-03-07 01:23:02
198阅读

jquery loading ajax 遮罩 css
## jQuery Loading Ajax遮罩CSS实现教程 ### 1. 概述 在开发Web应用程序时，经常会使用Ajax来实现异步加载数据，提高用户体验。然而，在加载数据过程中，页面往往会出现空白或者无响应的情况，用户体验不佳。为了解决这个问题，我们可以使用jQuery来实现一个Loading Ajax遮罩效果，让用户知道数据正在加载中。 ### 2. 实现步骤 下面是整个实现的步骤
jQuery
HTML
加载数据
原创
mob64ca12d12b68
2023-08-15 05:29:39
145阅读

纯css制作loading效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯css制作loading效果</title> <style type="text/css"&am
纯css制作loading效果
5e
d3
html
原创
徐同保的博客
2022-06-30 17:25:41
207阅读

纯css制作loading效果
纯css制作loading效果 Loading...
css
原创
徐同保的博客
2021-07-27 20:50:33
418阅读

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

android 水滴视图 水滴视角
模拟滴水效果，可用于水帘或者下雨的模拟。 目标详解：本应用模拟滴水效果，尤其指的是远距离观察大量滴水的现象，比如下雨，水帘等。技术分析：首先从物理角度，模拟水滴在重力作用下的运动形式，这样决定了水滴的位置和速度；然后，从对环境的反射和折射角度，计算水滴的视觉呈现。技术细节：运动的物理建模关于水滴运动的物理建模，请参考这篇文章：Numerical mode
android 水滴视图
GPU
D3D
水滴
雨滴
转载
桃太郎
2023-07-27 21:17:28
130阅读

css skeleton loading & skeleton components
css skeleton loading
css loading
Skeleton
CSS3
CSS
骨架屏
转载
mob604756f56fd6
2020-06-05 07:29:00
156阅读
2评论

CSS 3.0结合SVG实现水滴穿透加载动画
给大家分享一个用CSS 3.0结合SVG实现一个水滴穿透加载动画，效果如下：以下是代码实现，欢迎大家复制、粘贴和收藏。<!DOCTYP
前端开发
CSS
SVG
html
加载动画
原创
已注销
2023-03-23 01:20:37
57阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css 结合jquery 实现loading 透明

ios 水滴刷新 设置水滴屏

css实现多个loading动画效果

水滴图python代码 水滴图样

水滴算法java 水滴算法分割

android水滴开关 水滴按键音

python水滴分割 python水滴代码

Android 水滴屏配置 水滴屏适配

Android 水滴

ios水滴动画 水滴屏幕动态壁纸

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

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