码迷,mamicode.com
首页 >  
搜索关键字:Radius    ( 2156个结果
CSS实现各种形状
CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形,从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性,像transform和border-radius,我们可以创建非常漂亮和复杂的图形效果。 要使用 ...
分类:Web程序   时间:2016-10-07 22:39:54    阅读次数:238
css3样式
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
css3 2D动画的基本用法和介绍
<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圆角详解
css3(border-radius)边框圆角详解 css3(border-radius)边框圆角详解 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9、Opera 10.5、Safa ...
分类:Web程序   时间:2016-10-03 17:11:38    阅读次数:183
原生JS实现圆周运动
<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
canvas arcTo()用法详解
CanvasRenderingContext2D对象的方法arcTo()的用法。 arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角,然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。 弧线的起点就是当前端点所在边与圆的切点,弧线的终点就是 ...
分类:其他好文   时间:2016-09-29 17:57:34    阅读次数:158
css3新特性概览
一.特性 css3允许背景属性设置多个属性值,如:background-image,background-repeat,background-size,background-position等。 我感觉这是css3中特别给力的新属性呀,不用再切那么多图了:border-radius border-i ...
分类:Web程序   时间:2016-09-27 16:33:20    阅读次数:174
CSS3样式
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
【20160924】GOCVHelper 图像增强部分(3)
//顶帽去光差,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
css3
圆角边框 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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!