わーいみたいなスラッシュ装飾

装飾

<h1>わーーーーーい</h1>

h1 {
position: relative;
display: inline-block;
padding: 0 45px;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
h1:before, h1:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: black;

}
h1:before {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
left:0;
}
h1:after {
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
right: 0;
}