分享

特效移动图片 (chroma滤镜)

 春天没来 2013-04-30
               
               
               
               
               
               
 
制作简析:
一、设置一个宽为800px高为240px的一行二列的表格。
二、第一个单元格宽720px,高240px。放入一个表格,表格标签中设置相对定位样式,表格标签与列标签中都设置背景图片;单元格的背景颜色为红色。
1、单元格内放入移动标签控制的表格,移动标签中设置绝对定位样式,表格标签中设置背景图片。定位样式的居左值与居上值均为6px(因为总表格的居左值与居上值均为1px,边框线2px,边距3px。)
2、下设一个居中对齐的块区,块区中放入二重表格。
第一重表格设置相对定位样式,居上值与居左值均为0px,使之块区中的内容与上面单元格中的内容重叠。列标签中设置chroma滤镜,滤镜的透明颜色为红色。
二重表格(里层的表格)为六行八列的表格,表格的大部分列标签中都设置了红色的背景颜色,使滤镜能够透过这些红色的背景颜色,让我们能够看到下层的背景图片。没有设置红色背景颜色的单元格,是有背景图片的单元格。
三、第二个单元格宽80px,高240px。列标签中设置了chroma滤镜,滤镜的透明颜色为黑色;放置了红色的背景图片,单元格中放置了黑色的文字图片:“江南好”。滤镜透过黑色的文字图片,使文字“江南好”变为透明的无色文字。
四、Chroma属性可以设置一个对象中指定的颜色为透明色。表达式如下:style="filter: chroma(color=#000000);"  。
 
素材来源于网络
“春天没来”编辑解析
2013年5月2日于北京
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多