演示效果

Html代码

自行放到你们需要的地方

<div class="home-section-division header_fixed_from_here">
  <div class="containers">
    <div class="home-division">
    <ul>
      <li><div class="item item_3"><a href="#">
      <div class="item-thumb"><i class="b2font b2-landscape-line"></i> </div>
      <h3>狐狸库<span class="go">go<i class="ico-go"></i></span> </h3>
      <p>分享精品素材资源</p>
      </a></div></li>
      <li><div class="item item_1"><a href="/vips">
      <div class="item-thumb"><i class="b2font b2-profile-fill"></i> </div>
      <h3>VIP会员<span class="go">go<i class="ico-go"></i></span></h3>
      <p>高级资源抢先使用</p>
      </a></div></li>
      <li><div class="item item_2"><a href="#">
      <div class="item-thumb"><i class="b2font b2-bar-chart-fill"></i> </div>
      <h3>菜单<span class="go">go<i class="ico-go"></i></span></h3>
      <p>玩转潮流，体验快乐</p>
      </a></div></li>
      <li class="li_4"><div class="item item_4"><a href="#">
        <div class="item-thumb"><i class="b2font b2-heart-pulse-line"></i> </div>
      <h3>菜单<span class="go">go<i class="ico-go"></i></span></h3>
      <p>国内外品牌聚集地</p>
      </a></div></li>
    </ul>
    </div>
  </div>
  </div>

CSS代码