首页
美食
育儿
手工
生活
美妆
美容
设计
电脑
综合
首页
相关文章
用CSS制作Alpha滤镜测试板
用CSS制作Alpha滤镜测试板
alpha滤镜
给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个Alpha滤镜参数测试板,在测试板上输入参数值后,点一下鼠标,立即可看到结果,完全的立等可见,使你很快就能获得一组合适地参数值,从而给你节约许多宝贵时间。
测试板具体的制作方法:
1、输入一段文字或插入一张图片;
2、制作一个alpha滤镜,名称为:.alpha1。参数任意,不是使用Dreamweaver的网友,可直接把下面的滤镜代码复制到网页源代码的〈head〉与〈/head〉之间;
〈style type="text/CSS"〉
〈!--
.alpha1 {filter:alpha(opacity=50) }
--〉
〈/style〉
3、插入一个层,给层取名为:myimage,这一点很重要,否则javascript程序将无法执行,因它不知对那个对象操作。在...
[ 查看全文 ]
2016-02-19
标签:
Web开发
用CSS制作Alpha滤镜测试板
的相关文章
用CSS制作照片走廊
标签:
Web开发
CSS代码 以下是引用片段:#info { position:relative; background:#fff url(../../updata/pic1b.gif) 175px 44px no-repeat;} #scrollbox { width:400px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:175px; margin-top:70px;} a.gallery, a.gallery:visited { display:block; color:#000; ext-decoration:none; border:1px solid #000; width:75px; h...
[ 查看全文 ]
玉树传说
53
1
CSS滤镜:概述
标签:
Html
CSS布局
Div+CSS
XHTML
好了,下面我们将进入CSS的最精彩的部分--滤镜,它将把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性,页面才变得更加漂亮。 CSS的滤镜属性的标识符是filter。为了使您对它有个整体的印象,我们先来看一下它的书写格式: filter:filtername(parameters) 怎么样?是不是很简单,看上去与前面讲的属性定义没什么太大的差别。Filter是滤镜属性选择符。 也就是说,只要您进...
[ 查看全文 ]
爱自己__爱家人
2
1
CSS Alpha透明代码相关知识学习
标签:
Web开发
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在我们的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。 关于CSS Alpha透明的相关知识。先请看如下代码: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5;  ...
[ 查看全文 ]
指尖旳月亮_
0
1
精通 CSS 滤镜(五)
标签:
Html
CSS布局
Div+CSS
XHTML
上几次给大家具体讲了语法,下面我们来看几个生动的例子!下面这个程序是用light滤镜模拟雷达屏幕,并且有一架飞机被发现。当然编这个程序要对script 比较熟悉,还要知道lighy滤镜的属性和方法。 1、雷达屏幕 在这漆黑的夜里,英雄,你能看到你的美女在哪里吗?什么样子看的清吗,她的那颗炽热跳动的心你能感觉到吗? 可...
[ 查看全文 ]
xiaocui618
37
1
精通 CSS 滤镜(一)
标签:
Html
CSS布局
Div+CSS
XHTML
CSS(Cascading Style Sheets) 中文翻译为 层叠样式表单,简称样式单。它是近几年才发展起来的新技术,1998年5月12日,Cascading Style Sheets,level 2 成为了W3C 的新标准。同时,”W3C CoreStyles "和CSS2 Validation Service" 以及“CSS Test Suite" 宣布成立。它是一组样式,样式中的属性在HTML元素中依次出现,并显示在浏览器中。样式可以定义在HTML文档的标志(TAG)里...
[ 查看全文 ]
消除白白
2
1
CSS滤镜:颜色渐变
标签:
Web开发
table cellpadding="0" cellspacing="0" width="100%" height="22" border="0" tr td id="msviRegionIdGraphic" bgcolor="#FFFFFF"/td td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"/td td id="msviRegionGradient2" width="50%" style="filter:progid:DX...
[ 查看全文 ]
萧天赐0
0
1
精通 CSS 滤镜(二)
标签:
Html
CSS布局
Div+CSS
XHTML
随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分:CSS滤镜属性(Filter Properties)。使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上,例如图片、文本容器、以及其他一些对象。对于滤镜和渐变效果,前者是...
[ 查看全文 ]
学校给的忧伤
2
1
精通 CSS 滤镜(三)
标签:
Html
CSS布局
Div+CSS
XHTML
1、Alpha 滤镜 语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style, startx=startx,starty=starty,finishx=finishx,finishy=finishy)} "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定点、线、面的透明度。他们...
[ 查看全文 ]
大爱老鬼刘忻
1
1
精通 CSS 滤镜(四)
标签:
Html
CSS布局
Div+CSS
XHTML
7、Gray ,Invert,Xray 滤镜 语法:{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图;Invert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值;Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮,也就是所谓的“X”光片。 效果如下: 8、Light 滤镜 语法:Filter{light} 这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性...
[ 查看全文 ]
tian821211
1
1
CSS 让IE ff Opera同时支持Alpha透明
标签:
Web开发
关于CSS Alpha透明的相关知识。先请看如下代码: 程序代码 filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/ 简单...
[ 查看全文 ]
小默达home
2
1
CSS制作网页实例:用CSS控制li标记样式
标签:
Web开发
list-style-type版本:CSS1/CSS2 兼容***:IE4+ NS4+ 继承***:有 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 参数: disc : CSS1 实心...
[ 查看全文 ]
逸风309
12
1
用Photoshop滤镜制作水的效果
标签:
PS
PS教程
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0> screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" border=0>
[ 查看全文 ]
linyuan995
18
1
用Photoshop滤镜制作抽象涡轮效果Photoshop滤镜制作抽象涡轮效果
标签:
PS
PS教程
Photoshop滤镜制作抽象涡轮效果。 先看一下效果: 1.首先建立一个大小为400*400象素的文档。 2.设置前景色与背静色分别为亮灰色和黑色。在用渐变工具从文档左下角到文档右上角拉出渐变。 3.应用滤镜-云彩-分层云彩,并重复执行20-30次左右。 4.将用滤镜处理完的图层另外复制2个。(复制的快捷键是CTRL+J) [next] 5.在图层副本1上执行滤镜-扭曲-波浪。 ...
[ 查看全文 ]
泪泪泪泪泪泪殇
29
1
Photoshop:用滤镜制作水的效果
标签:
PS
PS教程
效果如图示: 制作过程:
[ 查看全文 ]
敏儿杏花村汾酒
11
1
CSS滤镜技巧:颜色渐变
标签:
Web开发
table cellpadding="0" cellspacing="0" width="100%" height="22" border="0" tr td bgcolor="#FFFFFF"/td td width="50%"/td td width="50%"/td /tr /table
[ 查看全文 ]
乳名叫三秃
0
1
用css3制作纸张效果
标签:
Web开发
一、中规中矩的效果 所谓中规中矩的效果就是加个投影,贴个胶带什么的。效果如下: 您可以狠狠地点击这里: 中规中矩纸张效果demo 这里纸张本身的效果没有什么说头的,就是个CSS3的 box-shadow投影 效果而已,相关代码如下: -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); 反而是上面的...
[ 查看全文 ]
装修赌石翡翠
28
1
图片CSS滤镜-发光效果
标签:
Web开发
一、代码: DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 384px; HEIGHT: 304px" align=centerbrIMG src="图片网址" /DIV 二、参数说明: color --发光颜色 strength --发光强度 虑镜宽=图片宽度+发光强度x2 虑镜高=图片高度+发光强度x2+10
[ 查看全文 ]
正宗高滩萝卜
34
1
Photoshop教程:用滤镜制作墨迹笔触效果
标签:
PS
PS教程
Photoshop模拟毛笔笔触效果有很多方法,下面的方法主要运用了Photoshop的画笔工具、喷溅、扩散、旋转扭曲滤镜等。 先看最终效果: [next] 一、新建文件,新建一个图层 二、选用如图所示画笔 三、随便画几笔,推荐接近如图效果,不要太宽 四、图层样式,渐变叠加(黑白,反相),当然,载入选区渐变也行,然后和背景合并 五、执行滤镜——画笔描边——喷溅(我的数据是这样的) [next] 六、...
[ 查看全文 ]
李荭花
429
1
Photoshop教程:用滤镜制作奇幻发光效果
标签:
PS
PS教程
在学习中遇到问题可以到 论坛PS求助研讨 发贴交流! 相关PS滤镜特效教程阅读:Photoshop滤镜特效教程专题 最终效果: 一、新建400×400的文件,然后用选区选一个不规则选区,然后填充白色。 二、选择滤镜——模糊(径向模糊)模糊方法为缩放,数量100。按Ctrl+F重复执行3到4次 三、选择滤镜——风格化——查找边缘。四、按Ctrl+i反向,效果如图! 五、重复执行3,4两步...
[ 查看全文 ]
醉生梦死の辰
8
1
如何选择烫衣板?烫衣板怎么用
标签:
生活小常识
衣物护理
熨衣服时,可把衣服放在放衣架上,或已烫好的衣服节叠于放衣架上,又可持于烫衣板的架上。 如何选择烫衣板?烫衣板怎么用 如何选择烫衣板 选择烫衣板时要注意五看: 焊点: 现在市场上有普通的点焊和铜焊,最好的就是铜焊,它会把接口处完全焊接,点焊会看到凸起的焊包,不美观,而且焊的不完全,易脱落; 布套: 一款精美的烫衣板通常采用多色活性印染技术,色彩鲜...
[ 查看全文 ]
ZelosM
129
1
上一页
21314
21315
21316
21317
21318
21319
21320
21321
21322
下一页
手机页面
收藏网站
回到头部