ato-s
2/12/2019 - 5:00 AM

wNjZGK

TITLE -- after attr data01

<h2 class="c-title01" data-jp="このようなニオイに">USE CASE</h2>
.c-title01 {
  text-align: center;
  &:after {
    content: "\a" attr(data-jp);
    white-space: pre;
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(41,137,216,0) 20%,rgba(41,137,216,1) 20%,rgba(41,137,216,1) 80%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
  }
}

TITLE -- after attr data01

A Pen by atos on CodePen.

License.