http://www.w2bc.com/Article/5582今天给大家带来的是用css3技术实现鼠标经过图片,显示图片描述的动画效果。鼠标经过图片时,图片动画缩小并渐变显示描述。我们一起看看效果图: 在线预览源码下载我们一起学习下此案例的代码。html代码: ...
分类:
Web程序 时间:
2014-08-30 23:06:10
阅读次数:
315
网页设计中的彩色滤镜效果在当今这个充斥着先进的特效和精妙风格的世界中,谁曾料到,像纯色和渐变这样简单的手法,竟能够催化出创造力,并极大提升网站的美学水准?现代网页设计师们,证明了优雅的插画、精致的图形和壮丽的照片,都能在彩色滤镜效果下很自然地得到强调。气氛焕然一新,网站开始变得光彩夺目。的确,它有助...
分类:
Web程序 时间:
2014-08-30 21:38:00
阅读次数:
246
今天给大家带来的是用css3技术实现鼠标经过图片,显示图片描述的动画效果。鼠标经过图片时,图片动画缩小并渐变显示描述。我们一起看看效果图:在线预览源码下载我们一起学习下此案例的代码。html代码: ...
分类:
Web程序 时间:
2014-08-30 21:34:30
阅读次数:
430
/* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello...
分类:
Web程序 时间:
2014-08-30 17:36:40
阅读次数:
356
Android 平台提供了两类动画。 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变)。第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理相似。以下就讲一下Tweene Animations。主要类:Animation 动...
分类:
移动开发 时间:
2014-08-30 13:50:09
阅读次数:
435
总目录:http://blog.csdn.net/iloveas2014/article/details/38304477
3.2.5 更改渐变滤镜不透明度的变化趋势来加强立体感
在上一节的最后,我给出了一个用渐变发光制作立体字的小例子。方法是翻转渐变的透明度变化方向。(图 3.51)
图 3.51 利用渐变发光制作浮雕效果
虽然立体感已经出来,但是厚度部...
分类:
其他好文 时间:
2014-08-28 16:16:49
阅读次数:
251
总目录:http://blog.csdn.net/iloveas2014/article/details/38304477
3.2.6 渐变滤镜模拟简易等高线
等高线是Photoshop精华中的精华,在第2章我们就已经初步领略到它的强大之处了。不过在上一节,我们就有意无意地在Flash IDE里的渐变发光滤镜中看到了等高线的身影(图 3.76)。
图 3.76 利用渐变...
分类:
其他好文 时间:
2014-08-28 16:11:40
阅读次数:
200
全兼容 渐变效果 头颜色#F3A8A8 尾颜色#e23b2ebackground: #F3A8A8; /* Old browsers */background: -moz-linear-gradient(top,#F3A8A8,#e23b2e);/*FF 3.6+ */background: -we...
分类:
Web程序 时间:
2014-08-28 14:39:09
阅读次数:
180
/* 径向渐变 */div.radial { width: 600px; height: 400px; margin: 30px auto; border: 1px #f00 solid; background-image: -webkit-gradient(radial,50% 50%,0, 50...
分类:
Web程序 时间:
2014-08-28 00:51:18
阅读次数:
1260
一、背景色渐变背景色渐变可以通过在res/drawable中定义一个XML文件实现,gradient.xml的代码如下:<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"><gradientandroid:startColor="#FFFFFF"android:end..
分类:
移动开发 时间:
2014-08-27 18:59:29
阅读次数:
257