Heading 13

by iwayama

HTML

<div class="demo demo13">
  <div class="heading">毎朝ちゃんと飲むUX</div>
</div>

CSS

.demo {
  width: 500px;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
}
.demo13 .heading{
  padding:8px 10px;
  border:rgb(60, 179, 228) 2px;
  border-style: solid none;
  background: repeating-linear-gradient(
    45deg,
    #fff,
    #fff 3px,
    rgba(60, 179, 228, 0.1) 3px,
    rgba(60, 179, 228, 0.1) 6px
  );
}