<p class="title" data-text="-webkit-text-stroke">-webkit-text-stroke</p>
.title {
    display: block;
    font-size: 30px;
    text-align: center;
    margin: 30vmin auto 0;
    font-weight: 500;
    color: #eae162;
    position: relative;
    z-index: 0;
    -webkit-text-stroke: 7px #023c41;
  }
  .title::after {
      content: attr(data-text);
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    -webkit-text-stroke: 1px #eae162;
  }
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.