h1 {
  position: relative;
  padding: 0.3em;
  background-color: #f6f6f6;
}
h1::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ddd #ddd;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

.my-gray {color: gray}
.my-skyblue {color: skyblue}
.my-orange {color: orange}