CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形,从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性,像transform和border-radius,我们可以创建非常漂亮和复杂的图形效果。 要使用 ...
分类:
Web程序 时间:
2016-10-07 22:39:54
阅读次数:
238
1.边框 div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */} border-radius可以让边框的角变成园 box-shadow是用于向方框添加阴影 例如 div{box-shado ...
分类:
Web程序 时间:
2016-10-07 15:46:14
阅读次数:
167
<style> body{height:400px;border:1px solid #000;} .box{width:90px;height:30px;border:1px solid;border-radius:8px;background:linear-gradient(to top,red ...
分类:
Web程序 时间:
2016-10-04 11:51:23
阅读次数:
153
css3(border-radius)边框圆角详解 css3(border-radius)边框圆角详解 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9、Opera 10.5、Safa ...
分类:
Web程序 时间:
2016-10-03 17:11:38
阅读次数:
183
<body> <div id="ball" style="width:20px; height:20px; background:red; border-radius:50%; position:absolute; left:0; top:80px;"></div> <script> var bal ...
分类:
Web程序 时间:
2016-09-29 20:42:26
阅读次数:
225
CanvasRenderingContext2D对象的方法arcTo()的用法。 arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角,然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。 弧线的起点就是当前端点所在边与圆的切点,弧线的终点就是 ...
分类:
其他好文 时间:
2016-09-29 17:57:34
阅读次数:
158
一.特性 css3允许背景属性设置多个属性值,如:background-image,background-repeat,background-size,background-position等。 我感觉这是css3中特别给力的新属性呀,不用再切那么多图了:border-radius border-i ...
分类:
Web程序 时间:
2016-09-27 16:33:20
阅读次数:
174
1.边框 div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */} border-radius可以让边框的角变成园 box-shadow是用于向方框添加阴影 例如 div{box-shado ...
分类:
Web程序 时间:
2016-09-26 06:27:22
阅读次数:
203
//顶帽去光差,radius为模板半径 Mat moveLightDiff(Mat src,int radius){ Mat dst; Mat srcclone = src.clone(); Mat mask = Mat::zeros(radius*2,radius*2,CV_8U); circle... ...
分类:
其他好文 时间:
2016-09-25 23:34:14
阅读次数:
427
圆角边框 border-radius 边框阴影 box-shadow: 10px 10px 5px #888888; 图片边框 ie不支持 不推荐使用 图片平铺 -moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */-w ...
分类:
Web程序 时间:
2016-09-25 13:14:52
阅读次数:
203