给最后加了rotate后为什么前面skew设的扭曲效果不见了？

.wrapper div {

  background: orange;

  color: #fff;

  -webkit-transform: skew(15deg);

  -moz-transform: skew(15deg);

  transform: skew(15deg);

  -webkit-transform-origin: top right;

  -moz-transform-origin: top right;

  transform-origin: top right;

    -webkit-transform:rotate(20deg);

    -moz-transform:rotate(20deg);

    transform:rotate(20deg);

}