镜像图片
2021-02-04 本文已影响0人
Nick_4438
简介
本文介绍如何镜像图片以及100%拉伸显示图片背景
代码
<html>
<head>
<title>
</title>
<style type="text/css">
.bodyClass{
display: flex;
flex-direction: row;
}
</style>
</head>
<body >
<div class="bodyClass">
<div style="width: 200px;height: 300px;
background: url(./9f6c9715ecdd35f2fa03a2524de387bf.png) center center / 100% 100% no-repeat ;">
</div>
<div style="width: 200px;height: 300px; transform: rotateY(
180deg
);
background: url(./9f6c9715ecdd35f2fa03a2524de387bf.png) center center / 100% 100% no-repeat ;">
</div>
</div>
</body>
</html>
100%拉伸平铺显示：
background: url(./9f6c9715ecdd35f2fa03a2524de387bf.png) center center / 100% 100% no-repeat ;
镜像： transform: rotateY(180deg);
