.div0{
  width:  100px; height: 30px;
  background-color: #842;
  position: relative;top: 5vw;left: 5vw;/**/
  transition: all 2s;}/*経過時間*/
#in1:checked ~ .div1{/*スイッチ1が入ったとき*/
  transform: skew(45deg);}/*X傾斜*/ 
#in2:checked ~ .div2{/*スイッチ2が入ったとき*/
  transform: skewY(45deg);}/*Y傾斜*/
#in3:checked ~ .div3{
  transform: skew(-45deg,45deg);}/*傾斜*/