大家已经见惯了用CSS3画的图标、LOGO、头像,这次台湾同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。看到动图我震惊了!!!CSS3的强大再次霸气测漏! 示例中用到的主要CSS3特性如下: border-radius:绘制边框圆角。 tran...
分类:
Web程序 时间:
2015-11-03 17:29:30
阅读次数:
219
一、display: none 隐藏 block显示 visibility:hidden隐藏 visible显示display:none和visibility:hidden这两个属性对应的值都是隐藏对像,但是它们隐藏对像有点区别。display和visibility的区别:display隐藏相当于....
分类:
Web程序 时间:
2015-10-14 17:53:08
阅读次数:
205
先上图在现实项目开发中,单纯的Button,EditText等控件远远不能满足我们项目的UI设计需求,这时候,我们就需要自己动手丰衣足食啦。接下来先给大家介绍一些属性,备注写的都非常清楚啦,我就不啰嗦啦。 1 2 3 5 6 7 12 13 15 21 22...
分类:
移动开发 时间:
2015-10-10 17:14:05
阅读次数:
573
RelativeLayout圆角实现:drawable目录下面定义shape的xml文件:mall_header_rel_bg.xml 代码里面通过如下代码引用android:background="@drawable/mall_header_rel_bg"solid定义颜色,corn...
分类:
移动开发 时间:
2015-10-09 12:17:33
阅读次数:
215
在做网页的时候,常常需要实现圆角,以前的做法就是切图,现在好了,有了css3的border-radius特性之后,实现边框圆角效果就非常简单了,而且其还有多个优点:一是减少网站维护工作量;二是提高了网站的性能,少了对图片的 HTTP 的请求,网页载入速度将变快;三是增加视觉美观性。border-ra...
分类:
Web程序 时间:
2015-09-23 00:55:28
阅读次数:
305
1.边框圆角(Border Radiuas)这个是我们在平常很常用的吧,以前我在用div圆角的时候,特别特别的痛苦,不管是用CSS来画圆角,还是用图片来画圆角都不那么容易,但是现在好了,在CSS3中,直接只需要如下面饿代码,就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px so...
分类:
Web程序 时间:
2015-09-14 19:24:57
阅读次数:
205
CoreAnimation在我之前的UIKit动画里面简单的提了一句CoreAnimation动画,其实大家别看它类库名种有个animation,实际上animation在这个库中只占有很小的地位。像我们经常用的边框、圆角、阴影、锚点等等这些属性都是有CA提供的。在说CA动画前,我们先说一下CALa...
分类:
移动开发 时间:
2015-08-19 22:47:27
阅读次数:
135
第一种方法:如果是CSS2.2的话,可以简单写一个制作圆角矩形,分上中下裁成三张图CSS3实现圆角 标题 第二种方法:如果是使用CSS实现圆角的话,那么目前最简单的方法就是CSS3中的-moz-border-radius、-webkit-border-radius以及border-...
分类:
Web程序 时间:
2015-08-07 01:44:06
阅读次数:
198
边 框圆角效果 border-radius 除了px单位 还可以用%或者emborder-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ ...
分类:
Web程序 时间:
2015-08-04 20:52:11
阅读次数:
134
第一种方法:如果是CSS2.2的话,可以简单写一个制作圆角矩形,分上中下裁成三张图CSS3实现圆角 标题 第二种方法:如果是使用CSS实现圆角的话,那么目前最简单的方法就是CSS3中的-moz-border-radius、-webkit-border-radius以及border-...
分类:
Web程序 时间:
2015-08-04 20:42:02
阅读次数:
121