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

实例：纯CSS3实现饼状图
有一些网页中,有时候会碰到饼状图的需求，比如统计图表，进度指示器，定时器等，实现方式也是各种各样，现在也有不少现成的js库，可以直接拿来使用，方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。<div class="pie"></div>.pie { width: 100px; height: 100px; border-radius: 50%
饼状图
背景色
js库
转载
wx6332e0803afcf
2022-11-08 16:22:35
261阅读

css3纯手写loading效果
圆形旋转loading ...
html
动画效果
css
原创
鱼樱前端
2022-09-09 08:30:57
253阅读

CSS3轻松实现清新 Loading 效果
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。第一种效果：HTML部分<div class="loading">      <span></span>   
CSS3
Loading
原创 精选
VIP_web
2016-05-18 09:40:51
1096阅读
1点赞

CSS3实现10种Loading效果
原文：http://www.open-open.com/code/view/1436164419895 昨晚用CSS3实现了几种常见的Loading效果，虽然很简单，但还是分享一下，顺便也当是做做笔记…… 第1种效果： 代码如下： 第2种效果： 代码如下： 第3-5种效果： 代码如下： 第3-5种效
4s
css样式
支付宝
css3
扫一扫
转载
mb5fca0b6a49e47
2017-06-19 11:16:00
175阅读
2评论

CSS3——过渡(CSS3)
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
CSS3
CSS
html
原创
流楚丶格念
2020-07-15 10:21:01
2202阅读

python 3维 饼状图 python制作饼状图
本文实例讲述了Python使用matplotlib的pie函数绘制饼状图功能。分享给大家供大家参考，具体如下：matplotlib具体安装方法可参考前面一篇http://www.jb51.net/article/51812.htm，具体使用代码如下：#coding=utf8 import matplotlib as mpl import numpy as np import matplotlib.
python 3维 饼状图
python绘制饼状图 标题
可选参数
饼图
Python
转载
信息流星
2023-08-28 09:44:05
151阅读

java中饼状图代码是什么 css实现饼状图
这是本节用纯CSS做出来的效果。当然，最后还会用JS模拟接收后台数据来控制饼图的比例。本节的核心思想是通过CSS做出上面两种效果。要做到上图的效果，首先要有以下基础知识：【CSS】渐变背景（background-image）【CSS】椭圆、半圆、1/4圆现在画饼图的方法非常多，可以用 echarts.js、G2.js、chart.js、flotr2等 JS 库，也可以用SVG，也可以用
java中饼状图代码是什么
订阅号
CSS
微信
转载
技术领航员
2024-01-09 13:55:07
26阅读

CSS3动画序列（CSS3）
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
css3
css
html
css3动画
原创
CMMKK
2022-10-20 10:05:58
5124阅读

CSS3过渡效果（CSS3）
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
css
css3
html5
html
过渡效果
原创
CMMKK
2022-10-20 10:05:50
2155阅读

CSS3——CSS3盒模型
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
CSS3
CSS
html
原创
流楚丶格念
2020-07-15 09:25:54
791阅读

CSS/CSS3
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
css
css3
css3动画
原创
全栈道z
2022-03-04 10:40:59
385阅读

CSS/CSS3
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
css
css3
html
前端
动画
原创
全栈道z
2022-09-01 15:35:28
228阅读

css3 animation steps制作饿了么loading
html代码
html
3d
xml
3g
css
转载
mob604756f56fd6
2017-03-12 17:28:00
60阅读
2评论

CSS3 Loading进度条加载动画特效
在线演示 本地下载
Loading进度条加载
CSS
转载
mob604756f23a7e
2018-12-02 10:42:00
315阅读
2评论

10款CSS3进度条Loading动画
在线演示 本地下载
CSS3进度条Loading动画
CSS
转载
mob604756ff4913
2018-12-05 15:50:00
141阅读
2评论

grafana ES饼状图 饼状图 饼状图种类
（多图预警）有多少人在制作PPT时除了执着动画效果，同时还对图表有着不同的执念？其实图表一直让大家烦恼的重大原因之一就是：形式单一。图表作为数据结果详情的展示，常用的图表有：柱状图、条形图、饼图： 其中柱状图和条形还非常的相似，这样的图表虽然数据内容千千万，但展示形式却很单调，我相信大家为了让自己的图表变得有逼格也做了不少努力，比如：更换颜色，用颜色的来区分
grafana ES饼状图 饼状图
echart 动画 饼图
数据
动画效果
柱状图
转载
数据小筑
2024-05-23 20:08:38
46阅读

CSS3
CSS3
CSS3
原创
木具的
2017-11-29 22:13:26
1156阅读

CSS3
CSS3基础笔记，link start！！！CSS31. 新增选择器1.1 属性选择器/* 可以自定义属性 */ /* 1、[x] 选择所有带有x属性元素 */ [class] {} /* 2、[x=y] 选择所有使用x="y"的元素 */     [class=head1] {} /* 3、[x|=y] 选择 x 属性以 y- 为开头的所有元素 */     [name|=eng] {} /*
CSS3
转载
mob604756fa96d7
2021-05-07 08:24:49
393阅读
2评论

css3
CSS中::after和:after的区别 ::after表示法是在CSS3中引入的，::符号是指伪元素，:符号是指伪类。 element:after {style properties} /*CSS2语法*/ element::after {style properties} /*CSS3语法*/
firefox
safari
css
chrome
ios
转载
mb5fd86d5f5874e
2020-11-18 19:20:00
257阅读
2评论

css3
-webkit-box-reflect:below 10px linear-gradient(to bottom,rgba
贝塞尔曲线
html
缩放
原创
wx60d4764eb475e
2022-03-28 16:12:43
181阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css3

-_-#【CSS3】

【CSS3】

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

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