实现GTA5封面

最新推荐文章于 2024-10-18 11:46:13 发布

ThawingX

最新推荐文章于 2024-10-18 11:46:13 发布

阅读量1.3k

点赞数

分类专栏： CSS Inspiration 文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_48626600/article/details/122782113

版权

GTA5 封面

描述

利用grid布局配合clip-path实现GTA5封面

核心点

grid实现不规则的栅格布局
clip-path控制每个格子的形状

代码

html

<div class="parent">
      <div class="child">
        <img
          src="https://i.pinimg.com/originals/0d/67/72/0d677237854ed19dcfe69f0f9a4065ee.jpg"
          alt=""
        />
      </div>
      <div class="child">
        <img
          src="https://i.pinimg.com/736x/26/db/84/26db84b2bf348f79792f7c5f0f9bd5ef.jpg"
          alt=