代码呈现标签

能够显示代码的语义标签
点击此处查看官网文件地址

 <div class="textbox text3-1">
      <p>3.1 文字扫光效果 -webkit-keyframes</p>
    </div>
    <pre>               
    <code class="css">
        .text3-1 { background: #191919; } 
        .text3-1 p { 
        background: #111 -webkit-linear-gradient(left, #111, #daa520) 0 0 no-repeat;
        -webkit-background-size: 1em;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(255, 255,255, 0.3);
        -webkit-animation: slideShine 3s infinite; }
        @-webkit-keyframes slideShine { 0% { background-position:
        0 0; } 100% { background-position: 100% 100%; } }
    </code>
    </pre>

效果如下图