dw改透明度_Dreamweaver技巧制作图片半透明效果
【推荐】
Dreamweaver
技巧
:
制作图片半透明效果
!
Dreamweaver
技巧
:
制作图片半透明效果
!
在网页的图片处理中,
半透明是经常要用到的图片效果,
它可以半遮半现地显示
图片下面的元素。
利用这一点我们可以做出很多种效果,
例如烟雾效果等。
今天
在这里就讨论如何在
Dreamweaver 4
中设置和使用这种效果。
设置步骤:
1.
在
Dreamweaver 4
中点“window”→“CSS Styles”(或按键盘的
“shift+F11”),调出
CSS Styles
窗口。
2.
在
CSS
Styles
窗口中,单击右下角的加号,弹出
New
Style
窗口。图中
的“Name”是建立的
Class
的名称,
Class
名字的格式是
“.XXXXX”(前面一
定要有个点)
;
“Type”的右边有三个选项,
由上到下分别是:
建立一个
Class
、
重新定义标签(网页元素)、选择伪类;“Define” 的右边有两个选项:上面
指建立外部的
CSS
文件
(选中这个后,
你所建立的
CSS
不是嵌入你的网页,
而是
成为单独的一个
CSS
文件,
供网页调用,
大网站都是此种做法)
;
“this
Document
only”是指直接在当前页中建立
CSS
。
3.
点“OK”,弹出一个大窗口
Style definition for .clarity
,我们按照
图
2
设置。
在图
2
中,除了
*Filter
外,别的选项不要管它。在
*Filter
右边的下拉菜单中
选择
Alpha
。也许你已经注意到了图
2
中的这一段代码“Alpha(Opacity=?,
FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)”
里面有很多问号,这些需要我们用参数来代替它们:
(
1
)
“Opacity”代表透明度水准。它的范围是
0
~
100
,其实就是百分比
的意思。如果想变为全透明,就用
0
代替
Opacity
后面的问号;
(
2
)
“FinishOpacity”是用来指定结束时的透明度。其范围跟
Opacity
一样(
FinishOpacity
为可选参数,不想要的话可以去掉它。);
(
3
)
“Style”是指定透明区域的形状特征。
0
代表统一形状,
1
代表线形,
2
代表放射形,
3
代表长方形;
(
4
)
“StartX”与”StartY”代表渐变效果开始的
X
与
Y
坐标。
一般我们
设置为
StartX=0, StartY=0
(这样表示透明效果是从图片的左上角开始);
(
5
)
“FinishX”与“FinishY”代表渐变效果结束时的横纵坐标。
这里很
关键,
填什么数值那就要看你的图片的高与宽了,
假设我们的图片高与宽分别是
100
、
200
像素,那么就可以写成
FinishX=200
,
FinishY=100
。
(如果你只想要
一半的面积是透明,那么可以设置成
FinishX=100
,
FinishY=50
)。
设置好这些参数后,就点击“OK”。设置的步骤到此就算完成了。
dw改透明度_Dreamweaver技巧制作图片半透明效果相关推荐
- php背景图片透明度,css实现背景图片半透明内容不透明代码分享
本文主要和大家介绍了纯css实现背景图片半透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家. 最近做一个登陆界面的,突然想使用这种背景图片透明,而内容不透明的 ...
- PPT模板制作图片折叠效果怎么做?
图片的添加在ppt模板制作过程中,可以提升ppt模板的美观和精致,如何给PPT模板的图片添加折叠效果呢?PPT家园今天就来给大家介绍一下,ppt模板图片折叠效果的制作方法. 模板入口:PPT模板 幻灯 ...
- css背景图片半透明效果
css 设置背景色半透明效果,参数 background:rgba(x,x,x,x) 最后一个a表示半透明,取值是0-1
- dw改透明度_div 背景透明度 如何设置一个div的背景透明度
本节向大家爱描述一下如何设置DIV背景颜色透明度,opacityOpacity设置或检索透明渐变的开始透明度,Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明.S ...
- dw改透明度_DW的透明及隐藏的方法
透明: 1.opacity opacity: 0-1 透明度 整体透明 filter:alpha(opacity=100):ie8 2.颜色透明:rgb rgb(225.225.225) rgba(2 ...
- html5 图片粒子效果,Canvas + JavaScript 制作图片粒子效果
首先看一下源图和转换成粒子效果的对比图: 左侧图片为源图,右侧图片为粒子效果图.该效果是在Canvas画布上制作的.将图片制作成粒子效果相对而言是比较简单的.重点了解两个知识点即可 1:图片是通过im ...
- html制作图片动画效果代码,HTML5 Canvas:制作动画特效
编辑推荐: 本文来自于jquery之家 ,html5制作canvas动画的基本步骤,控制canvas动画和实例代码. 要在 HTML5 canvas 中绘制图像动画效果,你需要绘制出每一帧的图像,然后 ...
- 图片背景虚化_如何用PPT制作图片虚化背景?
你是否厌倦了千篇一律的白色PPT背景,想为PPT增加一点背景装饰,但是又愁没有好的素材图做背景? 今天我们要分享的是如上图这样,图片虚化效果的PPT背景.这样的背景图,色彩简洁清新,不显得花哨,同时与 ...
- html怎么做出相框的效果,使用CSS3制作PS级的图片边框效果
当一个开发者需要制作图片边框效果时通常有两种选择:一是使用Photoshop来制作,二是在通过CSS来渲染"盒中盒"的效果.在这个教程中,我们要制作一种带复杂边框的相框效果,通过 ...
- html透明度_iMac下制作含透明度图片及判断图片透明度
↑ 点击上方"子勰随笔"关注我 最近在做安装包优化相关的内容,期间遇到了一个问题,怎么检查一张图片是不是有透明度,发现mac下面没有很好的工具,这部分内容难度也很低,所以就自己顺手 ...
最新文章
- 成功解决Both binary classification-only and multiclassification-only loss function or metrics specified
- 单点登录Redis存储Session及SessionId问题说明与集群实战-4
- _variant_t和_bstr_t有什么区别
- 每个客户使用Jersey处理的Cookie
- Zabbix监控——proxy 分布式监控配置
- Mysql索引介绍及常见索引的区别
- docker mysql 高可用_使用docker 基于pxc镜像搭建mysql高可用集群
- python第五十二课--自定义异常类
- 西门子,欧姆龙,施耐德PLC通信电缆制作图
- 从左逆右逆广义逆到求解线性方程组的最小二乘解
- pr新建字幕样式(模板)
- 八段数码管数字显示实验c语言,硬件实验十 八段数码管显示
- 82 将真分数分解为埃及分数
- Rdt2.1 和 Rdt2.2的详细解释
- 一寸照纯红色底图片_一寸照纯红色底图片
- 局域网内固定自己的ip
- 【转】售前的成长故事(19篇)
- 发布新一代微控制器 AURIX 2G 的背后,半导体巨头英飞凌如何应对汽车行业变革?...
- switch c语言格式,switch语句格式是什么?
- neo4j 社区版主从集群