今天就重点讲解这个效果，首先，当有人说你能不能做一个圆形进度条效果出来时，如果是静态完整圆形进度条，那么就很简单了： .circleprogress{ width: 160px; height: 160px; border:20px solid red; border-radius: 50%; } ...
分类：
Web程序 时间：
2020-07-19 16:15:54
阅读次数：
72
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi ...
分类：
Web程序 时间：
2020-07-19 00:54:54
阅读次数：
135
CSS3的常规属性 背景属性——background ? 在css中使用background属性来设置背景，它的值有以下几个： 属性 描述 background 简写属性，作用是将背景属性设置在一个声明当中。 background-color 设置的是背景颜色。（颜色名 十六进制 rgb() rgb ...
分类：
Web程序 时间：
2020-07-18 22:15:21
阅读次数：
306
话不多说，先上效果图 本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
创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个 ...
分类：
Web程序 时间：
2020-07-18 00:31:25
阅读次数：
112
-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过JavaScript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想 ...
分类：
Web程序 时间：
2020-07-17 19:44:21
阅读次数：
97
使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 1，CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun ...
分类：
Web程序 时间：
2020-07-17 19:26:51
阅读次数：
82
html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi ...
分类：
Web程序 时间：
2020-07-17 09:32:12
阅读次数：
101
在ios端默认的长按选择，可以对文字进行复制粘贴。但是在实际开发中，针对一些按钮一般要避免长按时弹出选中文字，或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法。 css代码如下： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用 ...
分类：
移动开发 时间：
2020-07-17 09:17:20
阅读次数：
97
大家在浏览web网页的时候经常看到有各种各样的图形，比如圆形，正方形，长方形，三角形等，今天特意做了一个关于用CSS实现三角形的教程，那css三角形怎么写呢？css实现三角形的原理是什么？ 推荐手册：css在线手册 请看一下实例详解。 （相关视频教程推荐：CSS教程） css3三角形使用场景 我们知 ...
分类：
Web程序 时间：
2020-07-16 18:17:41
阅读次数：
72
