CSS和SVG水纹波动文字动画特效

这是一款CSS和SVG水纹波动文字动画特效。该特效利用CSS的filter属性，搭配SVG来制作出水温波动效果，非常炫酷。

使用方法

HTML代码

<div id="parchment">
  Lorem ipsum dolor sit amet consectetur, adipisicing elit...... 
</div>
		

CSS代码

#parchment {
    position: absolute;
    display: flex;
    width: 50%;
    min-height: 200px;
    /* center page with absolute position */
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 2em 0;
    padding: 4em;
    box-shadow: 0 0 60px orange inset;
    background: pink;
    filter: url(#wavy2) drop-shadow(30px 10px 4px #4444dd);
}

		

codepen网址：https://codepen.io/flashingmoose/pen/QWYRgON