码迷,mamicode.com
首页 >  
搜索关键字:radius    ( 2156个结果
shape与selector小记
记录下平时常用的小知识点,知识在于积累!shape:<?xmlversion="1.0"encoding="utf-8"?> <shapexmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <cornersandroid:radius="5dp"/> <solidandroid:color="#000000"/>..
分类:其他好文   时间:2015-12-08 16:17:28    阅读次数:134
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)来源:互联网 作者:佚名 时间:03-28 14:17:14 【大 中 小】border-radius:用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari...
分类:Web程序   时间:2015-12-06 01:43:17    阅读次数:238
ss3来实现边框圆角效果
经常看到别人的网站有个边框来修饰文字区域,类似圆角矩形把文字环绕起来,特别有感觉,于是就试着用图片边框来修饰,但是用图片过多会拉慢网页的加载速度,能不能使用css3来实现边框圆角效果呢?当然border-radius要在firefox或Safari 和 Chrome才能实现W3C 很早就制订了实现了...
分类:其他好文   时间:2015-12-03 21:11:37    阅读次数:112
圆角效果
圆角效果:border-radius使用方法:border-radius:10px;/*所有角都使用半径为10px的圆角*/border-radius:5px4px3px2px;/*四个半径值分别是左上角、右上角、右下角和左下角,顺时针*/border-radius的值不仅能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。实心上半..
分类:其他好文   时间:2015-12-03 17:17:11    阅读次数:151
SASS
CSS预处理器 Sass(SCSS) LESS Stylus Turbine Swithch CSS CSS Cacheer DT CSS Simple Exapmple $side:left;.rounded { border-#{$side}-radius:5px;}Saaa和SSCC的区别 1...
分类:其他好文   时间:2015-12-01 09:39:37    阅读次数:232
Elliptical Arcs with SVG
Elliptical Arcs with SVGAn elliptical arc draws an arc from the current point to a specified point. The arc command begins with the x and y radius and...
分类:其他好文   时间:2015-11-29 00:46:37    阅读次数:159
come on,make a date progress bar together!
.loading{text-align:center;width:800px;height:30px;border-radius:15px;background:#a0a0a0;margin:10px auto;position:relative;}.loading>div{width:180px;...
分类:其他好文   时间:2015-11-25 16:47:59    阅读次数:157
Less学习笔记
Less是一种动态样式语言,属于CSS预处理语言的一种。快速预览//变量@color: #9b69ff;h1{ color: @color;}h2{ color: @color;}//混合.round(@radius:5px){ -moz-border-radius: @radius; -w...
分类:其他好文   时间:2015-11-24 14:36:35    阅读次数:148
css3实现逐渐变大的圆填充div背景的效果
手机端现在的一些应用会运用上这样一个效果,就是duang的一下出现一个圆变大直到填充整个div,动感十足。想到css3的scale属性,就自己来实现一下。 css样式:.anim{ position: absolute; border-radius: 50%; ...
分类:Web程序   时间:2015-11-23 06:10:29    阅读次数:581
CSS3基础学习笔记
1.圆角矩形.border_radius_test{border-radius:25px;-moz-border-radius:25px;}数值越大越圆2.容器阴影.box_shadow_test{box-shadow:1px 1px 20px #888888; -moz-box-shadow: 1...
分类:Web程序   时间:2015-11-20 19:59:26    阅读次数:174
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!