CSS3 Gradient 分为 linear-gradient(线性渐变)和radial-gradient(径向渐变) 。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、Chrome等)、Opera(Opera浏览器)、Tr...
分类:
Web程序 时间:
2014-09-12 17:22:54
阅读次数:
219
上篇文章介绍了 CSS3 线性渐变(linear-gradient),这篇文章向大家介绍 radial-gradient(径向渐变)以及重复渐变(线性重复、径向重复)。在以前,渐变效果和阴影、圆角效果一样都是做成图片,现在 CSS3 可以直接编写 CSS 代码来实现。
CSS3 径向渐变和线性渐变是很相似的,我们首先来看其语法:
.代码
-moz-radia...
分类:
Web程序 时间:
2014-09-12 17:21:57
阅读次数:
330
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
[U...
分类:
移动开发 时间:
2014-09-12 17:12:03
阅读次数:
235
IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorSt...
分类:
Web程序 时间:
2014-09-12 13:21:33
阅读次数:
235
使用ImageSwitcher,实现渐变效果更换图片 package com.example.imageswitcher;import java.util.ArrayList;import java.util.HashMap;import java.util.List...
分类:
移动开发 时间:
2014-09-11 20:42:42
阅读次数:
220
CSS3 Gradient 分为 linear-gradient(线性渐变) 和 radial-gradient(径向渐变)。记住渐变并不是CSS3的一个属性,而是一个属性的值,虽然在CSS3中没有专门注明渐变是针对background的,但是目前我所了解到的是只有background才会应用渐变属性(background-image也可以)。
我们先直接通过两个实例来说明这两种渐变的基本用...
分类:
Web程序 时间:
2014-09-11 17:22:32
阅读次数:
229
主要讲了HTML5 canvas性能方面的尝试,场景是在canvas上面绘制圆圈。
我一直在尝试使用HTML5 canvas在圣诞树图片上面绘制泡泡。由于不知道哪种绘制的方法最好,最终在Stack Overflow上找到了使用radial gradients(辐射渐变)绘制圆圈的答案。
圆圈
你可能已经知道,标准地画圆圈的方法是使用arc():分享一个最好用的UI...
分类:
Web程序 时间:
2014-09-10 14:14:00
阅读次数:
1320
以下一Button标签为例:这里就联系到标签,设置背景样式、边框、渐变、圆角等,各种效果的使用方法见如下代码drawable文件夹新建一个buttonstyle.xml,内容如下1 2 3 4 5 6 7 8 然后在button...
分类:
移动开发 时间:
2014-09-10 14:06:00
阅读次数:
222
今天想绘制一条根据参数颜色动态变化的曲线,参数不固定,因此需要根据参数来获取颜色值。研究了很久,搞了一个通过Paint实现的方案。
Paint 中包含了很多方法对其属性进行设置,主要方法如下:
setAntiAlias: 设置画笔的锯齿效果。
setColor: 设置画笔颜色
setARGB: 设置画笔的a,r,p,g值。
setAlpha: 设置Al...
分类:
移动开发 时间:
2014-09-09 12:58:38
阅读次数:
366
LinearGradientBrush使用线性渐变绘制区域。线性渐变沿直线定义渐变。该直线的终点由线性渐变的StartPoint和EndPoint属性定义。LinearGradientBrush画笔沿此直线绘制其GradientStops。默认的线性渐变是沿对角方向进行的。默认情况下,线性渐变的St...
分类:
其他好文 时间:
2014-09-09 11:24:38
阅读次数:
213