环形进度条的问题,网上有很多的demo,也有各种不同的实现方式,很棒的实现也有很多,我这自己做一下一方面是想开阔一下自己的思路,一方面好久没看SVG和Canvas的东西了,基础的拿来熟悉下。 DIV + CSS3 这个是最基本的实现方式,我在想怎样用尽量少的DOM结构来实现,最终还是用了三个div, ...
分类:
其他好文 时间:
2020-05-17 23:08:18
阅读次数:
98
# 1.CSS3简介 - 前缀 google/safari : -webkit- ie : -ms- firefox : -moz- opera : -o- - 前缀官方网址 参考手册:http://css.doyoe.com 权威网站:http://www.caniuse.com - 预处理器:p ...
分类:
Web程序 时间:
2020-05-17 17:30:39
阅读次数:
53
div css3样式表制作鼠标滑过导航条淡进淡出效果点击》div css3样式表制作鼠标滑过导航条淡进淡出效果div+css3制作一个会动画的导航,当鼠标滑过内容块时,底部背景动画显示,css3与字体引用谷歌字体目录,让这个css3动画导航更加的美光。div css样式表A标签属性hover纯CSS ...
分类:
其他好文 时间:
2020-05-17 13:27:45
阅读次数:
52
不断更新中 预览 这是一个正在完善的css文件,是对原生组件基于标签属性做了美化,对datepicker,select等无法用css实现的暂不考虑在本文内。 按钮 Button 初始按钮 <button>button</button> <button class="red">red</button> ...
分类:
Web程序 时间:
2020-05-17 12:56:41
阅读次数:
71
CSS3学习记录二 字体样式 字体 h1{ font-family:楷体; } 字体颜色 h1{ color:red; } 字体尺寸 h1{ font-size:50xp; } 字体粗细 h1{ font-weight:bolder; } 备注 <span></span> 无特殊功能,但通常用于注重 ...
分类:
Web程序 时间:
2020-05-17 11:48:18
阅读次数:
73
众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。 如:<div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可。很简单。 但是css3来 ...
分类:
Web程序 时间:
2020-05-16 21:10:17
阅读次数:
87
本章将讲解 Bootstrap 进度条。在本教程中,您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性,Opera 1 ...
分类:
其他好文 时间:
2020-05-16 12:43:12
阅读次数:
88
Chrome Plugin Css3 Animation 快速给页面加上炫酷css3动画的chrome插件。 使用 1.从chrome webstore下载 chrome应用商店安装地址 2.直接下载crx文件 如果无法访问到chrome的应用商城,可以选择下载app.crx文件,在chrome中打 ...
分类:
Web程序 时间:
2020-05-15 20:23:28
阅读次数:
136
scroll-behavior属性 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时,CSS 属性 scroll-behavior 为一个滚动框指定滚动行为,当用户通过鼠标滑轮滚动或者手机触屏滚动,不受这个属性的影响。在根元素中指定这个属性时,它反而适用于视窗。 scrol ...
分类:
Web程序 时间:
2020-05-15 20:06:36
阅读次数:
89
hover.css是一个比较优雅的css动画库,这里讲解如何在项目中使用 安装 点击 "这里" 到达所在的github地址; 或者 或者执行 点击 "这里" 查看演示demo,使用开发者模式就可以看到演示上的className,然后套用到自己标签上即可 PS:请确保引入正确。 以上。 ...
分类:
Web程序 时间:
2020-05-15 16:01:20
阅读次数:
87