一、前言 css3动画效果的强大不言而喻，自它出现一直热度不减，它与js动画的优劣也一直成为前端界争论的话题，不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度，利于前端的学习，其精简的代码量把我们从烦人的js调试中解放出来，当然css的动画效果有其局限性，我们不能只用css3模拟出 ...
分类：
Web程序 时间：
2021-04-19 14:47:38
阅读次数：
0
话不多说，先上效果图 本demo没使用JavaScript，纯CSS3实现，下面是完整代码 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>时钟</title> 5 <style type="text/css"> 6 .screen{ 7 wi ...
分类：
Web程序 时间：
2020-07-18 15:52:50
阅读次数：
82
有一些网页中,有时候会碰到饼状图的需求，比如统计图表，进度指示器，定时器等，实现方式也是各种各样，现在也有不少现成的js库，可以直接拿来使用，方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。 资源网站大全 https://55wd.com <div class="pie"></div> ...
分类：
Web程序 时间：
2020-07-03 12:43:44
阅读次数：
93
css3 svg爱心点赞酷炫动画特效https://www.mk2048.com/demo/demo_target_desc.php?id=ha1jkaahaacss3基于svg制作爱心按钮点赞，爱心散开旋转动画特效css3原子结构图动画特效点击》css3原子结构图动画特效css3基于transfo ...
分类：
其他好文 时间：
2020-05-25 12:19:26
阅读次数：
81
不断更新中 预览 这是一个正在完善的css文件，是对原生组件基于标签属性做了美化，对datepicker,select等无法用css实现的暂不考虑在本文内。 按钮 Button 初始按钮 <button>button</button> <button class="red">red</button> ...
分类：
Web程序 时间：
2020-05-17 12:56:41
阅读次数：
71
awesome-pure-css-no-javascript 纯 CSS + HTML，不使用 JavaScript，能实现怎样的视觉效果? 这里收集整理了一些相关资源与工具，欢迎各位补充。 GitHub地址，欢迎star~ Resources 基于单个 Div 的 CSS 绘图 A Pure CS ...
分类：
Web程序 时间：
2020-04-06 20:36:32
阅读次数：
94
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2020-01-30 17:31:15
阅读次数：
88
前言每次写点东西都扯两句-0-，这几天一半精力放在移动端，一半维护之前的项目。书也少看了，不过还好依旧保持一颗学习的心。对于css3我是之前有专门整理过的，因此对于原理之前也算了解。今天是项目中遇到一个效果，来整理一下。正文首先我们可以找到微信的语音播放效果。这里自行打开手机微信进行查看。之前后台提... ...
分类：
微信 时间：
2020-01-29 12:43:30
阅读次数：
527
这是一款使用纯CSS3制作的Material Design风格单选框和复选框插件。该插件只需引入指定的CSS文件，然后配合特定的HTML结构，就可以生成漂亮的Material Design风格单选框和复选框。 该纯CSS3 Material Design风格单选框和复选框的github地址为：htt ...
分类：
Web程序 时间：
2019-12-08 01:15:17
阅读次数：
156
前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版） 滚动条组成 ::-webkit-sc ...
分类：
Web程序 时间：
2019-12-06 15:14:06
阅读次数：
139
