CSS-将多个div切割,通过定位实现一个图案
通过CSS3中clip-path属性来实现个大象
同过clip-path对div进行裁剪时可以利用PS对原图片进行取色并获取一定的比例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>大象</title>
<link rel="stylesheet" href="/elephant.css">
</head>
<body>
<div class="container">
<div class="item1"></div>
<div class="item2"></div>
<div class="item3"></div>
<div class="item4"></div>
<div class="item5"></div>
<div class="item6"></div>
<div class="item7"></div>
<div class="item8">