下線を波状にする

目的

指定した文字の下線を波状にしたい。

slim

p
  | ほげほげほげ
  span wave
  | ほげほげほげ

scss

p {
  span {
    background-image: url("nami.png");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 20px;
    margin: 0 20px;
    font-size: 30px;
  }
}