text-shadow注意span的color和opacity属性,如果把color改成color:#fff,就没有这种效果了,如果把span中的opacity:0去掉的话,它的效果也差远了。注意这些细节!!!
分类:
其他好文 时间:
2015-05-13 16:32:20
阅读次数:
124
属性定义及使用说明Opacity属性设置一个元素了透明度级别。默认值:1继承:no版本:CSS3JavaScript 语法:object.style.opacity=0.5语法opacity:value|inherit;值描述value指定不透明度。从0.0(完全透明)到1.0(完全不透明)inhe...
分类:
其他好文 时间:
2015-03-28 10:06:41
阅读次数:
167
在我们前端设计里有两篇教程: CSS3 RGBA colors使用说明 css3中opacity属性学习与实践,他们公别介绍了RGBA,RGB,opacity的用法,这里我们把这三个属性放在一起来考虑:CSS3 RGBA等于RGB加上opacity吗?请别先回答,我们接下来分析分析。以前我们经常会碰...
分类:
Web程序 时间:
2015-03-02 20:38:13
阅读次数:
126
//----------使用opacity属性完成对图片透明度渐变的效果 1 2 3 4 5 6 7 10 23 24 25 26
filter:alpha(opacity=100,style=1)1、opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;2、style属性:设置渐变风格;0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。filter:alpha(opacity=opc...
分类:
其他好文 时间:
2014-11-04 14:37:37
阅读次数:
149
CSS实现Div透明,而显示在上面的文字不透明,但也可看到显示在下面的图片内容,DiV透明其实挺简单,主要是为background定义opacity属性,一般这个是最大值是1,数值越接近1,则越不透明,也就是越小越透明,颜色可以自定义。这样可以让图片上的文字更清淅,在一些图片特效中我们会见到这种效果...
分类:
Web程序 时间:
2014-10-30 13:26:23
阅读次数:
301
优秀的前端工程师总是优先考虑用CSS替代图片:效果图如上。这个动画并非GIF,而是纯CSS绘制,通过JavaScript定时器更新动画。基本思路是创建8个圆形div,绝对定位排列成圆圈,然后,依次通过opacity属性更新透明度,就得到一个loading的效果图。和GIF相比,CSS实现的好处主要在...
分类:
Web程序 时间:
2014-10-10 15:12:40
阅读次数:
260
3.2 把Page Item和Marker Item绑定
之前我们实现了PagePanel组件, 使用了三个state来切换Page组件的opacity属性; 这一步我们会使用Marker和MarkerPanel组件来实现页面导航;
在原型阶段, MarkerPanel组件十分简单, 没有任何功能; 它使用了Repeater类型来产生三个QML Item以及Marker组件作...
分类:
其他好文 时间:
2014-10-09 14:53:46
阅读次数:
356
以前,一直都以为ie9以下的版本不支持opacity属性。所以就同时使用 opacity和ie独特的filter蒙版。但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了。 其实,只使用...
分类:
其他好文 时间:
2014-09-18 16:19:24
阅读次数:
203
参考:http://www.w3school.com.cn/cssref/pr_opacity.aspopacity 属性设置元素的不透明级别。本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。
分类:
Web程序 时间:
2014-09-02 22:48:55
阅读次数:
262