用css3写遨游的logo
实现方法:
-
先画一个外框 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;
最终效果图如下:
【用css3写遨游的logo】相关文章
4. 谷歌将整合其博客平台Blogger与Google+服务
5. 谷歌推出给予HTML5技术的网页版Google Catalogs功能
8. jQuery animate方法开发极客标签Logo动画融合效果
9. 法国Gameloft于Google+发布HTML53D赛车
本文来源:https://www.51html5.com/a814.html
上一篇:用css3制作纸张效果
下一篇:CSS3窍门:隐藏文本