<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
.box
width: 30px
height: 20px
float: left
border: solid 1px black
position: relative
//最後以外
&:not(:last-child)
background-color: green
//最後
&:last-child
background-color: red
//最後以外のものに、疑似要素を付ける
&:not(:last-child):after
content: ""
position: absolute
box-sizing: border-box
border-left: blue 1px solid
width: 0
height: 245px
left: 0px
top: 0px
//ねじる
transform: rotate(12deg)
Also see: Tab Triggers