记录下平时常用的小知识点,知识在于积累!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隐藏的威力)来源:互联网 作者:佚名 时间:03-28 14:17:14 【大 中 小】border-radius:用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari...
分类:
Web程序 时间:
2015-12-06 01:43:17
阅读次数:
238
经常看到别人的网站有个边框来修饰文字区域,类似圆角矩形把文字环绕起来,特别有感觉,于是就试着用图片边框来修饰,但是用图片过多会拉慢网页的加载速度,能不能使用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
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 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
.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是一种动态样式语言,属于CSS预处理语言的一种。快速预览//变量@color: #9b69ff;h1{ color: @color;}h2{ color: @color;}//混合.round(@radius:5px){ -moz-border-radius: @radius; -w...
分类:
其他好文 时间:
2015-11-24 14:36:35
阅读次数:
148
手机端现在的一些应用会运用上这样一个效果,就是duang的一下出现一个圆变大直到填充整个div,动感十足。想到css3的scale属性,就自己来实现一下。 css样式:.anim{ position: absolute; border-radius: 50%; ...
分类:
Web程序 时间:
2015-11-23 06:10:29
阅读次数:
581
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