码迷,mamicode.com
首页 >  
搜索关键字:Radius    ( 2156个结果
CSS3 Border-color——W3CPlus http://www.w3cplus.com/content/css3-border-color
CSS3中有关于Border的属性一共有三个:圆角border-radius,图片边框border-image,边框多颜色border-color,其中圆角border-radius是常用的一个属性,而且现在很多网站制作圆角效果都使用border-radius来实现,具体的使用方法可以查阅本站有关于...
分类:Web程序   时间:2015-11-06 17:59:07    阅读次数:286
CSS3的圆角Border-radius —— W3CPlus http://www.w3cplus.com/css3/border-radius
如今CSS3中的border-radius出现后,让我们没有那么多的烦恼了,首先制作圆角图片的时间是省了,而且其还有多个优点:其一减少网站的维护的工作量,少了对图片的更新制作,代码的替换等等;其二、提高网站的性能,少了对图片进行http的请求,网页的载入速度将变快;其三增加视觉美观性。既然borde...
分类:Web程序   时间:2015-11-05 13:36:58    阅读次数:296
CSS3绘制圆角矩形的简单示例
随着网络的发展,CSS 也在不断的完善,充分吸取多年来 Web 发展的需求,提出了很多新颖的 CSS 特性,例如很受欢迎的圆角矩形 border-radius 属性,但很可惜,此属性目前没有得到任何浏览器的支持。 对于一些浏览器...
分类:Web程序   时间:2015-11-04 19:55:08    阅读次数:192
用纯CSS3绘制萌系漫画人物动态头像
大家已经见惯了用CSS3画的图标、LOGO、头像,这次台湾同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。看到动图我震惊了!!!CSS3的强大再次霸气测漏! 示例中用到的主要CSS3特性如下: border-radius:绘制边框圆角。 tran...
分类:Web程序   时间:2015-11-03 17:29:30    阅读次数:219
css3
用的时候首先记得加前缀:-webkit-,-moz-,-o-,-ms-,因为目前各个浏览器对CSS3和HTML5的兼容性还是参差不齐。边框:1.border-radius(实心圆的实现)2.box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式](...
分类:Web程序   时间:2015-11-01 21:15:40    阅读次数:230
CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类:Web程序   时间:2015-10-30 18:41:52    阅读次数:203
Java根据两点的经纬度来计算之间的距离
import java.util.HashMap;import java.util.Map; public class MapDistance { private static double EARTH_RADIUS = 6378.137; private ...
分类:编程语言   时间:2015-10-30 14:18:21    阅读次数:268
CSS3总结
css3边框border-radius属性用于创建圆角 最简单示例设置边框border大小、宽、高,直接添加属性。如以下代码:div{border:2px solid; border-radius:20px width:300px height:300px如果输入了内容的话可以不要高度输...
分类:Web程序   时间:2015-10-26 00:25:26    阅读次数:146
Bootstrap学习(3)
Bootstrap图片 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:.img-rounded:添加border-radius:6px来获得图片圆角。.img-circle:添加border-radius:500px来让整个图片变成圆形。.im....
分类:其他好文   时间:2015-10-23 18:46:19    阅读次数:254
css3之圆角效果 border-radius
圆角效果 border-radiusborder-radius是向元素添加圆角边框。使用方法:border-radius:10px;/* 所有角都使用半径为10px的圆角 */border-radius: 5px 4px 3px 2px;/* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 ...
分类:Web程序   时间:2015-10-22 15:39:25    阅读次数:192
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!