怎样在CSS里面实现字体的动感模糊倒影效果和图片雾化效果

html-css014

怎样在CSS里面实现字体的动感模糊倒影效果和图片雾化效果,第1张

你这种情况比较复杂!都是滤镜做的

字体动感模糊窗口--图层,右击字体图层,删格式化文件,滤镜--模糊--动感模糊,选择角度和距离,角度表示你动感模糊的方向,距离越大动感模糊效果越厉害

图片雾化在你原有图层上新建图层保证前景色和背景色为黑白,滤镜--渲染--云彩,将图层模式正常改为滤色即可。。如果觉得雾化太重可以适当降低不透明度

<html>

<head>

<title>css模糊效果</title>

<style type="text/css">

.mohu{

font-family:"黑体"

color:"red"

}

.by{

font-family:"黑体"

position:absolute

top:14px

left:9px

}

</style>

</head>

<body>

<div class="mohu">你好,是这个效果吗?</div>

<div class="by">你好,是这个效果吗?</div>

</body>

</html>

@-webkit-keyframes rotating2 {

0% {

font-size: 16px

-webkit-transform: rotate(0deg)

}

100% {

font-size: 16px

-webkit-transform: rotate(-180deg)

}

}

动画过程中保持字体大小就可以了