• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

网站导航的设计
北京网站设计把“相册视频”功能搬到你的网站
网页设计浅谈如何开展群活动及建立“为群服务网”
北京网站制作如何更好地去学习网络营销？
网站设计亮剑旅游电子商务 web2.0时代网络营销新趋势
企通互联网站运营的六大核心
北京网站建设IDC强硬的态度、死板的规定吓退了用户
北京网站建设网站如何让谷歌、百度快速的收录
北京网站设计地方门户细分市场，专攻一点，聚集人气
北京网页设计网站运营策略一：企业需要什么样的网站？

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

• • 网站建设
  • 网页设计
  • 网站设计
  • 网站制作
  • 网站优化
  • 百度优化
  • google优化
  • seo
  • 网站推广
  • 网络营销
  • 北京网站建设
  • 北京网站制作
  • 北京网页设计
  • 北京网站设计

文章搜索

你的位置：首页 >> 网站设计 >> 北京网站制作北京网站制作图片滤镜的效果

北京网站制作北京网站制作图片滤镜的效果

一.图片的滤镜效果北京网站制作
准备:插入图片后进入" 北京网页设计原代码编辑"模式,找到插入的图片代码域,对其进行修改.网站制作
比如插入右图后点击"显示原代码",找到相应的代码 北京网站建设.为:北京网站制作
<IMG src="http://blog.sina.com.cn/pic/56d016d6020000n3">网页设计
1.透明效果网页设计
格式:北京网站制作
<img src="图片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">网站建设
或北京网站设计
<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>北京网页设计
网站制作
涉及到的属性:修改数值对应即可网站设计
opacity:开始处的透明度网站建设
finishOpacity:结束处的透明度网站设计
style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明网站制作
网页设计
效果:网站设计
opacity=50,finishOpacity=0,style=0北京网站制作
 opacity=100,finishOpacity=0,style=1 网页设计北京网站制作
 opacity=100,finishOpacity=0,style=2网站制作
 opacity=100,finishOpacity=0,style=3网站制作
企通互联
2.翻转效果网站建设
左右翻转格式:北京网站建设
<img src="图片地址" style="filter:FlipH">网站制作 北京网站设计
或网页设计
<div style="filter:FlipH ;width:宽;height:高"><img src="图片地址"></div>北京网站设计
上下翻转格式:网站设计
<img src="图片地址" style="filter:FlipV">网页设计
或网页设计
<div style="filter:FlipV ;width:宽;height:高"><img src="图片地址"></div>北京网站设计
北京网站制作
效果:北京网站制作
企通互联
3.变调效果网站制作
灰调格式:北京网站建设
<img src="图片地址" style="filter:Gray">北京网站制作
或北京网站设计
<div style="filter:Gray ;width:宽;height:高"><img src="图片地址"></div>网站设计
X光效果:网站设计
<img src="图片地址" style="filter:Xray">网页设计
或北京网站建设
<div style="filter:Xray ;width:宽;height:高"><img src="图片地址"></div>北京网页设计
色彩对换:企通互联
<img src="图片地址" style="filter:Invert">网站设计
或网站建设
<div style="filter:Invert ;width:宽;height:高"><img src="图片地址"></div>北京网站制作
网站建设
效果:网站设计
北京网站制作
4.边框效果(来自小缘人)网站设计
发光:(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2网站建设
滤镜高=图高+发光强度x2+10)北京网站制作
<div style="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高" align=center><br><img src=" 企通互联图片地址"></div>网站建设
北京网站设计
投影:(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)北京网站制作
濾鏡高=图高40)北京网页设计
<div style="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>北京网站制作
北京网站制作
阴影:(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)网站制作
<div style="filter:Dropshadow(color=#333333,offX=5,offY=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>北京网站制作
网站建设
模糊:(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽 网站制作+15,濾鏡高=图高+30)网站制作
<div style="filter:Blur(direction=135);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>网页设计
企通互联
波形:(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2网站制作
滤镜高=图高+ 北京网站制作振幅强度x2+10)北京网页设计
<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:滤镜宽;height:滤镜高" align=center><br><img src="图片地址"></div>北京网站建设
效果:网站设计

北京网站制作

网站设计

网站制作

北京网站制作

北京网站制作

责任编辑:飞翔的鱼 QQ:35996213

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!