用css3写个logo
演示地址:http://uicss.cn/css3/maxthon-logo.html
实现方法:
- 先画一个外框 width: 240px; height: 240px;border-radius: 120px;
填充背景色background:#b1e4ff;
描边border:2px solid #789cb6;
加阴影box-shadow: 5px 5px 7px #999;
给该死的firefox3私有属性-moz-border-radius: 120px; - 再画一个小圈,width: 230px; height: 230px;border-radius: 115px;
定位,position: relative;top:5px;left:5px;
填充背景色background:#3b99e3;
给该死的firefox3私有属性-moz-border-radius: 115px; - 扔一个大白方块进去width: 150px; height: 100px;background:#ffffff;
定位position: relative;top:70px;left:42px;
右上大圆角20像素,其他小圆角border-radius: 3px 20px 3px 3px;
给该死的firefox3私有属性-moz-border-radius: 3px 20px 3px 3px; - 再扔一个白方块进去width: 35px; height: 45px;background:#ffffff;
定位position: relative;top:30px;left:33px;
粗一点的蓝色描边border:25px solid #3b99e3;
02/17/2011 at 9:25
如果再加上渐变以及高亮什么的就更完美了~
回复
02/17/2011 at 10:52
还见过QQ的LOGO也是用CSS做成,都是牛人啊!
回复
02/17/2011 at 11:45
越来越强大了,只可以烦人的ie6
回复
02/17/2011 at 11:51
你这个页面里的图片例子,是不是没有加box-shadow啊,因为看不到阴影,我用的firefox3.5
回复
02/17/2011 at 11:55
恩,我测试了一下,的确是没有加入firefox的私有属性:-moz-box-shadow:5px 5px 7px #999999;
回复
二月 17th, 2011 at 14:48
嗯,漏掉了。
这可不是什么技术活,是耐力和细心。
02/17/2011 at 13:34
围观~~~~~这个LOGO真好画。。。我画的那个累死了。。
回复
二月 17th, 2011 at 15:02
所以说选对一个公司,可以降低不少工作压力。
二月 18th, 2011 at 17:42
介个。。。。好冷。。。哈哈
这次交流会的PPT记得分享出来啊~~~去不了 也可以事后学习~
02/17/2011 at 16:21
logo=算数+圆角
回复
02/18/2011 at 13:03
这是啥么着东西啊,俺都有点看的眼花缭乱了。
回复
02/18/2011 at 13:05
这东西学了应该有很大的用处吧
回复
02/18/2011 at 18:32
厉害 css达人啊
回复
02/18/2011 at 18:33
呵呵~~~很厉害~的确很像遨游的logo
回复
02/19/2011 at 17:52
原来这个css这么厉害的啊
回复
02/23/2011 at 9:30
嗯,做的不错!特喜欢中间那个M做的很有感觉……
不过有个问题为什么选择遨游的Logo呢?
回复
二月 23rd, 2011 at 9:50
其实我特想说:人在江湖,身不由己……囧~~
02/23/2011 at 17:11
额,CSS门外汉表示镇精。
回复
02/23/2011 at 20:59
有创意有想法,不错
回复
02/24/2011 at 10:45
不错
回复
02/24/2011 at 12:08
学习了。
回复
02/24/2011 at 14:07
厉害啊,不是CSS3现在不是全部浏览器支持吧
所以暂时应该不会有人这样尝试
回复
02/24/2011 at 14:11
真长见识了 CSS3的应用现在是越来越广 越来越流行啦
回复
02/24/2011 at 16:54
呵呵,原来遨游的logo是这么出来的
回复
02/27/2011 at 0:38
喔~~不得不说很惊奇~~
回复
02/27/2011 at 14:29
学着画了一个,感觉不错。。。
回复
02/28/2011 at 13:33
好强大哦,不过浏览器的问题,我倒是觉得可以真多用户群体考虑,有些群体应该是不用IE6的,这个。。。呵呵,懂的。。。
回复
03/01/2011 at 10:42
chrome已经不需要私有属性了吗?
回复
三月 1st, 2011 at 16:24
需要,都不是什么好鸟,弄一堆私有属性出来。
03/02/2011 at 12:43
这个厉害,Css Geek
回复
03/06/2011 at 19:32
见过CSS画哆啦A梦的,可惜IE下全是方脸…………
回复
03/09/2011 at 10:24
这个是不是css就可以实现,不用css3
回复
三月 9th, 2011 at 14:17
呵呵,你是用IE看的吧,到火狐下看一下就知道了。IE下是大方块,不用css3也能实现。
12/15/2011 at 23:45
不赖不赖
回复