SOURCE

console.log(JSON.stringify(window["votre-dieu"]))

<div class="box">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div class="coupon"></div>
    <div class="tixing"></div>
</div> 


<style>
	.box {
		position: absolute;
		/* auto width */
		height: 300px;
		background-color: gray;
		display: flex;
		flex-flow: column wrap;
	}

	.box>div {
		height: 80px;
		width: 80px;
		background-color: pink;
		margin: 10px;
	}
</style>


<!-- 方案1 -->
<style>
	.box {
		position: absolute;
		height: 300px;
		background-color: gray;
		writing-mode: vertical-lr;
		text-orientation: upright;
		font-size: 0;
	}

	.box>div {
		font-size: 14px;
		display: inline-block;
		height: 80px;
		width: 80px;
		background-color: pink;
		margin: 10px;
	}

	.coupon {
		-webkit-mask-image: radial-gradient(circle at 50px 10px, transparent 10px, red 10.5px), linear-gradient(transparent 25%, red 0, red 75%, transparent 0);
		-webkit-mask-size: 100%, 4px 16px;
		-webkit-mask-repeat: repeat, repeat-y;
		-webkit-mask-position: 0 -10px, 48px;
		-webkit-mask-composite: source-out;
		/* mask-composite: subtract; */
	}
    .tixing{
        width:100%;
        height: 0;            
        border-bottom: 20px solid #fff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
</style>


<!-- 梯形 -->
<style>
       .div1{
            width:100px;
            height: 0;            
            border-bottom: 20px solid #000;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
        }
        .div2{
            width:100px;
            height: 0;            
            border-top: 20px solid #000;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
        }
        .div3{
            width:0;
            height: 100px;            
            border-left: 20px solid #000;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
        }
        .div4{
            width:0;
            height: 100px;            
            border-right: 20px solid #000;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
        }
</style>