CSS3中有关于Border的属性一共有三个:设计圆角border-radius,设计边框背景border-image,设计多色边框border-color。 现在我们来说一说设计多色边框border-color属性;那么在CSS3中这个属性又有什么不同之处呢?又将如何使用呢?在CSS2中,我们可以 ...
分类:
Web程序 时间:
2016-05-24 15:09:28
阅读次数:
313
首先要说一下,transition属性ie9是不支持的,从ie10才开始支持 例子是当鼠标移上div后,它会旋转180度。 要点: 用圆角制作圆形盒子,border-radius设置成50%;用box-shadow来制作内填充填满的效果,box-shadow有6个参数水平阴影宽度(px);垂直阴影宽 ...
分类:
Web程序 时间:
2016-05-24 06:55:33
阅读次数:
232
<style type="text/css"> div{ width: 100px; height: 100px; background: green; border-radius: 50px; } </style> <body> <div id="div1" style="/position: a ...
分类:
其他好文 时间:
2016-05-22 00:31:58
阅读次数:
210
1. 路由选择模块 和 路由表的设计 2. 路由选择算法(路由模块在路由表中查找算法) (1)用IP分组中的目的IP地址查找路由表,使用匹配表项的下一跳地址完成分组交付 (2)匹配条件: dIP & Mask(i) = Net(i) (3)查找方法 顺序查找,直到找到第一个匹配表项 (4)关键:路由 ...
分类:
其他好文 时间:
2016-05-21 11:40:57
阅读次数:
202
动态菜单先上效果图比较简单,主要就是属性动画的使用和坐标角度的小细节。实现实现效果:
图标按照路径一路缩放渐变过来即可。核心代码 /**
* Item开启动画
*
* @param btnItem
* @param index
* @param total
* @param radius
*/
private vo...
分类:
其他好文 时间:
2016-05-18 19:03:11
阅读次数:
116
这两年超融合热得发烫。IDC报告指出,2015全球超融合基础设施市场增速达155%,2016年市场容量预计将增长94%,到2019年将以每年60%的速度增长。Nutanix/EMC/Vmware/华三/华为/联想等主流IT厂商都推出了自己的超融合产品。惠普更是在传统CS200/CS250/CS700等面向中高端客户的超融..
分类:
其他好文 时间:
2016-05-16 17:48:38
阅读次数:
645
使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 为 0 也无法去除这个圆角,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式。 我们只要对按钮设置 ...
分类:
Web程序 时间:
2016-05-15 15:23:21
阅读次数:
177
最近项目中需要写一个功能,如图:我这边采用的结构是
选择文件
css 就是将input标签透明的设置0,这样的话在点击a的时候同时可以触发到input[type=file]实现了点击的上传文件的效果。
.select_file{width: 168px;height: 43px;display: block;border-radius: 25px;marg...
分类:
Web程序 时间:
2016-05-12 19:23:11
阅读次数:
764
实现的效果图如下所示:
第一步:绘制下方有缺口的空心圆,称为外围大弧吧
anvas.clipRect(0, 0, mWidth, mHeight / 2 + radius - textHeight * 3 / 4);
第二步:计算绘制圆弧进度条时的起始角度,设置为外围大弧的左端点为进度值得起点,扫过的角度所占外围大弧的百分比就是进度值
第三步:绘制数字、文字、百分号
第四...
分类:
移动开发 时间:
2016-05-12 19:12:19
阅读次数:
428
Android中使用shapeshape的属性有:
- corners–圆角
- padding–内边距
- size(height、width)–设置宽高
- stroke–描边
- gradient–渐变
- solid–填充分别介绍1.corners–圆角<corners
android:radius="10dp"
android:bottomLeftRadius=...
分类:
移动开发 时间:
2016-05-12 18:32:21
阅读次数:
213