Kaiyun官网 - 权威体育资讯与赛事动态 - Kaiyun入口

翻轉方塊的簡單 HTML 程式碼

<div class="flip-box" data-flip-direction="horizontal-to-left" data-h_text_align="left" data-v_text_align="center">
<div class="flip-box-front" data-bg-overlay="true" data-text-color="light">
<img src="images/project01.webp" alt="Image">
<div class="inner"><strong>PREMIUM</strong></div>
<!-- end inner --> 
</div>
<!-- end flip-box-front -->
<div class="flip-box-back">
<div class="inner">We create beautiful websites across hundreds.</div>
<!-- end inner --> 
</div>
<!-- end end flip-box-back --> 
</div>
<!-- end flip-box -->