Apr
16
16
用代码“写”出扫描线效果图片
阅读数: 106
我们一般采用photoshop等做图工具制作电视扫描线效果图片:首先做一个黑白相间的图案,然后用这个图案进行填充,再调整图层的模式或者透明度,效果就出来了。
现在我们不用photoshop,用css和javascript来做,方法也很简单!
一、准备一张图片,名为photo1.jpg,大小为:240x180;width="240" height="180" background="photo1.jpg">
三、建立一个css样式,把该样式应用于上面的表格,样式代码如下。#000000代表黑色,你也可以换成其他你喜欢的颜色。后面的filter:alpha(opacity=30)是用css滤镜调整细线的透明度。
四、在表格中插入一小段javascript代码:
整个页面的代码如下:
cellpadding="0" cellspacing="0" border="0" background="photo1.jpg">
现在保存页面,预览一下效果吧:
现在我们不用photoshop,用css和javascript来做,方法也很简单!
一、准备一张图片,名为photo1.jpg,大小为:240x180;
二、插入一个表格,表格长x宽设置为240x180,把cellpadding、cellspacing、border均设置为0,并把表格的背景设置为上面的图片,即代码为:
三、建立一个css样式,把该样式应用于上面的表格,样式代码如下。#000000代表黑色,你也可以换成其他你喜欢的颜色。后面的filter:alpha(opacity=30)是用css滤镜调整细线的透明度。
四、在表格中插入一小段javascript代码:
整个页面的代码如下:
现在保存页面,预览一下效果吧:
相关推荐
- 走进蔡健雅 私隐的闺房 异国风味扑鼻而来
- Photoshop打造带水珠的雾化玻璃效果
- Photoshop制作网页搜索条
- PS调色教程之调色+签名――(血与黑)红黑色的调色,特别的非主流风格
- photoshop调色教程:调出红润通透的脸蛋
- PS打造极具视觉冲击的光晕文字效果
- PS美女人像照片变换成艺术绘画作品
- Photoshop为多斑人像磨皮及美白
- PS美化教程|大长腿,PS打造大长腿视频教程
- PS简单快速将图片变成多边形背景
- Photoshop快速调出照片的灰度回忆色
- 用PS制作一个漂亮的VISTA背景
- 表情包,给罗志祥制作表情包
- Firewoks打造液态金属字
- Photoshop制作苹果mac风格导航条
- Photoshop打造一个急速火球