上篇文章介绍了 CSS3 线性渐变(linear-gradient),这篇文章向大家介绍 radial-gradient(径向渐变)以及重复渐变(线性重复、径向重复)。在以前,渐变效果和阴影、圆角效果一样都是做成图片,现在 CSS3 可以直接编写 CSS 代码来实现。
CSS3 径向渐变和线性渐变是很相似的,我们首先来看其语法:
.代码
-moz-radia...
分类:
Web程序 时间:
2014-09-12 17:21:57
阅读次数:
330
ul.box {position: relative;z-index: 1; /* prevent shadows falling behind containers with backgrounds */overflow: hidden;list-style: none;margin: 0;pad...
分类:
其他好文 时间:
2014-09-12 13:24:53
阅读次数:
279
|---分类:控件
| |---子目录:HUD
| | |
| | |
| | |---工程:一个HUD 用得很广泛 无阴影 全屏模态
| | |---URL:http://github.com/jdg/MBProgressHUD
| | |
| | |
| |...
分类:
移动开发 时间:
2014-09-11 17:21:22
阅读次数:
311
给出一个三角形,把三角形的三条边无限延长,然后做四个圆,最后……
也不知道怎么说,反正就是求阴影部分的面积和形成的三角形的面积
我的做法:
直接列方程组解……
我的代码:
#include
#include
#include
#include
#include
#include
#include
#include
#include
#include
usi...
分类:
其他好文 时间:
2014-09-10 19:32:00
阅读次数:
164
因公司说要统一桌面,那样更美观,更能表现一个公司的形象,所以我这打杂的又要开始。。。。做个备记录:下面我们开始动手我们的工作...1、设置统一桌面:在我们要进行统一桌面时,先在服务器(或者别的设备上准备好一个共享的文件夹与做桌面的图片)。注:图片建议用(.jpg/.g..
分类:
其他好文 时间:
2014-09-09 18:34:09
阅读次数:
202
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目...
分类:
Web程序 时间:
2014-09-07 16:00:25
阅读次数:
227
在提供用户修改资料/密码等功能的时候,往往希望给用户这样的使用体验,在不跳转,不弹框的情况下完成对这些功能的操作。这可以通过一种效果来实现,在同一页面下阴影覆盖整个当前网页并使得原网页中元素无法使用,同时让可以使用的特定的修改框浮于阴影之上如下面的效果示例:思路是设置一个div作为body元素的直接...
分类:
Web程序 时间:
2014-09-06 22:28:24
阅读次数:
548
环境光,模拟了自然界的光的漫反射,弥补了平行光源的缺点。一般,这两种光会同时使用。只使用环境光的话,无法表现出模型的凹凸,只使用平行光源的话,阴影过于严重无法分清模型的轮廓。
3D模拟中的扩散光的代表就是环境光和平行光。这次的demo也实现到了这一步。...
分类:
Web程序 时间:
2014-09-06 01:04:22
阅读次数:
273
阴影是绘制在一个图形对象下的且有一定偏移的图片,它用于模拟光源照射到图形对象上所形成的阴影效果,如果7-1所示。文本也可以有阴影。阴影可以让一幅图像看上去是立体的或者是浮动的。阴影有三个属性:1.x偏移值,用于指定阴影相对于图片在水平方向上的偏移值。2.y偏移值,用于指定阴影相对于图片在竖直方向上的...
分类:
其他好文 时间:
2014-09-05 23:40:02
阅读次数:
277
SlidingMenu常用属性介绍:menu.setMode(SlidingMenu.LEFT);//设置左滑菜单menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//设置滑动的屏幕范围,该设置为全屏区域都可以滑动menu.setShadowDrawable(R.drawable.shadow);//设置阴影图片menu.setShadowWidthRes(R.di..
分类:
其他好文 时间:
2014-09-04 02:59:28
阅读次数:
186