css之图片羽化处理
2015-01-19 12:58
309 查看
需求:
对图片做css羽化处理
实现:
Html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="Generator" content="EditPlus®" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>Document</title>
</head>
<body>
<img style="display: block; height: 100%;width: 100%;" src="http://js.linkrmb.com/mt.jpg" />
<div style="
position: absolute;
top: 0;
height: 100%;
width: 100%;
box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;"></div>
</body>
</html>
效果:
对图片做css羽化处理
实现:
Html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="Generator" content="EditPlus®" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>Document</title>
</head>
<body>
<img style="display: block; height: 100%;width: 100%;" src="http://js.linkrmb.com/mt.jpg" />
<div style="
position: absolute;
top: 0;
height: 100%;
width: 100%;
box-shadow: 0 0 70px 30px rgb(249, 249, 249) inset;"></div>
</body>
</html>
效果:
相关文章推荐
- css中的潜规则:辅助图片一律用背景处理
- CSS图片圆角框的灵活处理
- checkbox 背景图片 纯CSS处理办法
- css属性之text-indent下图片也缩进的处理
- css3毛玻璃效果 css图片模糊效果处理
- 用CSS制作可交换带事件处理的图片按钮
- 网站页面置灰:使用css+js对页面图片、flash、背景等置灰处理
- CSS 圆角处理图片和旋转动画
- css圆形图片处理示例(方形图片变圆形图片)
- CSS镂空图片处理
- css 标题 一行图片 两行文字 以及相关问题处理
- 图片圆角处理(CSS精灵+圆角)
- css 图片处理技巧:sprites
- 图片处理--羽化特效
- css大背景图片处理
- CSS图片圆角框的灵活处理
- css不兼容情况 background-position在firefox下不兼容,出现图片位置不对,的处理情况;ie6、ie7强制选择器。
- CSS网页制作技巧:图片的自适应居中和兼容处理(转)
- nodejs处理图片、CSS、JS链接
- css 移动端图片等比显示处理