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

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

CSS斜向条纹背景
CSS斜向条纹Html：<div class='box'></div>CSS：width: 100%;height: 100rpx;background-image: linear-gradient(45deg,red 25%,green 0,green 50%,red 0,red 75%,green 0);background-size: 40px 40px;效果：这效果，以后就不用切图了????...
css
html
css3
切图
JavaScript
原创
fengGer的bugs
2021-11-16 09:21:59
1376阅读

css progressbar 渐变 条纹 css渐变色
CSS颜色渐变CSS3功能强大，可以实现颜色渐变的效果，减少了图片的插入，提高了网页的运行效率，同时，由于这种渐变是由浏览器生成，因此放大后效果更好。颜色渐变，顾名思义，就是在一块我们指定的区域内，颜色逐渐由一种颜色过渡到另一种颜色，在这个过程中也可以经历多种颜色。那么想一下，初始的颜色应该是什么样呢，有两种情况，一种是点，一种是线。当初始的颜色区域是一个点的时候，他会呈辐射转向外逐渐改变自己的颜
css
html5
线性渐变
连线
颜色渐变
转载
编程思想者
2024-04-07 09:27:38
100阅读

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 模拟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 - css loading动画
用纯 css 实现 loading 加载动画效果。
css
html
css3
loading动画
ui
原创
设计师工作日常
2024-03-03 10:54:42
1058阅读

CSS3做出条纹大背景
1、实现不等宽背景条纹 实现如上图所示的效果，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .cont{ width: 500px; height: 200px
html
css
f5
CSS
转载
mob604756f04b77
2020-10-19 12:54:00
393阅读
2评论

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

《CSS揭秘》读书笔记-条纹背景(一)
背景知识颜色渐变设置：background: linear-gradient(direction, color-stop1, color-stop2, ...);指定背景图片大小：background-size: length|percentage|cover|contain;难题在网页设计和其他传统媒介中，各种尺寸、颜色、角度的条纹图案在视觉设计中无处不在。想要在网页中实现条纹图案，通常我们的方
css
背景图
视觉设计
推荐 原创
博读代码
2022-08-24 17:25:01
654阅读
1点赞

《CSS揭秘》读书笔记-条纹背景(二)
垂直条纹水平条纹是最容易用代码写出来的，但用户在网页上看到的条纹图案很多都不是水平的。有些条纹是垂直的（如图1-1），而且某些形态的斜条纹或许更受欢迎，看起来更有趣。幸运的是，CSS 渐变同样也能帮助我们创建出这些效果，只是难度稍有不同。垂直条纹的代码跟水平条纹几乎一样的，主要区别在于：我们需要在开头加上一个额外的参数来指定渐变的方向。在水平条纹的代码中，我们其实也可以加上这个参数，只不过它的默认
css
条纹效果
设计
原创 精选
博读代码
2022-08-31 15:13:30
748阅读

css3条纹边框效果
在线演示 本地下载
css3条纹边框效果
转载
mb5ff982b210f94
2018-12-05 18:25:00
249阅读
2评论

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

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

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

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

莫尔条纹 python 莫尔条纹动画
想必大家在用手机拍摄电脑屏幕、电视屏幕的时候，都会在手机屏幕上看到一些特殊的波纹，这些波纹有些是横着的，有些是竖着的，甚至还有是弯的，各种奇形怪状的都有。那么这些波纹是什么呢？怎么产生的？有办法可以避免吗？目前来说，手机摄影产生这种波纹的原因主要是两个方面：一、手机的屏幕刷新率和电脑、电视显示器的刷新频率不一致引起的；二、莫尔条纹干扰引起。首先，我们从原因一说起，屏幕刷新频率就是屏幕每秒钟刷新的次
莫尔条纹 python
电脑屏幕出现彩色条纹
电脑屏幕出现条纹
线或
百度
转载
mob64ca1407d5aa
2023-12-28 05:33:31
259阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css skeleton loading & skeleton components

css绘制条纹背景 css画线 分割线 坐标线 栅格线

css 结合jquery 实现loading 透明

css实现多个loading动画效果

python生成干涉条纹 干涉条纹matlab

巧用 CSS 实现动态线条 Loading 动画

css3纯手写loading效果

#yyds干货盘点#CSS实现loading效果

css grid 中的 loading item 撑满

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

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