CSS3之径向渐变
设置最终形状参数： ellipse circle 设置长半轴和短半轴 设置椭圆 ...
原文：【原】[webkit移动开发笔记]之CSS3径向渐变
谈到渐变，大家并不陌生，设计稿中经常会遇到，其中最常见的也最平凡使用的是线性渐变和径向渐变，在pc端开发，很多大型网站都需要考虑所有浏览器的兼容，通常如渐变的按钮或者背景图一般会被重构师们切成图片，而在移动开发中如果使用图片是很占流量，能不用图片尽量不使用，那么，CSS 来实现无图的渐变效果是首选的。 本文以移动开发中遇到的一个径向渐变例子，讲解CSS 径向渐变在项目中的应用和以及需要注意的地方。 ...
2013-02-17 21:26 18 8447 推荐指数：
相关推荐
Css3渐变(Gradients)-径向渐变
CSS3径向渐变-radial-gradient()/repeating-radial-gradient() 径向渐变由它的中心定义。 创建径向渐变，至少定义两种颜色节点，呈现平稳过度的颜色。同时，你也可以指定渐变中心、形状（圆形或椭圆形）、大小。 默认情况下，渐变的中心是center（表示 ...
css3 线性渐变和径向渐变
...
【原】[webkit移动开发笔记]之使用chrome进行手机开发
Chrome浏览器，相信大家并不陌生，该浏览器是基于其他开放原始码软件所撰写，包括WebKit和Mozilla，以其简单、快速、安全、稳定、扩展丰富等特性受到了不少人的喜爱，2012年8月6日，Chrome已达全球份额的34%，成使用最广浏览器。 Chrome浏览器提供了非常简单方便的开发 ...
【原】[webkit移动开发笔记]之禁止触发系统默认菜单
在手机webkit浏览器中，用户在某一些按钮上长按3秒钟后，会弹出一个系统的列表，ios和android各自展现不一样，列表可以有复制或在在新窗口打开的等操作，这种体验对于按钮来说是不需要的，按钮上是绑定事件，有特殊功能，而这里系统把它当做一个链接的意义。查看了代码，原来是一个a标签，链接地址为空 ...
【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none
基于webkit内核的移动开发笔记，之前已经写过4篇，主要是关于移动开发重构的分享，今晚有空了再写一篇。 回忆去年年底最后的一个项目，还有一个很怪异的bug，让项目团队的成员感到十分头疼。测试组的同事做完最后的测试回归后，项目发布上线，并通过微信推送链接。在ios系统中(android显示正常 ...
【原】[webkit移动开发笔记]之无法自动播放的audio元素
HTML5新增了video元素和audio元素，替代了传统HTML4使用复杂的object元素与embed来播放视频或者音频的方法。这次的一个项目，产品经理要求手机加载开始时播放音乐，想到播放音乐，又 ...
【原】[webkit移动开发笔记]之兼容iPhone4和iPhone5的方法
2012年8月份刚开始接触前端移动开发，现在主要是android和ios系统的手机，一套代码需要同时兼容android和ios，就android而言已经有N个型号的手机，如果css代码在这些手机上解析有稍微差别或者出现bug，那么，做兼容是必不可少，事实上随着手机版本的不断更新，产生一些不同的体验 ...