* {
  margin: 0px;
  padding: 0px;
}
body {
  direction: rtl;
}
div {
  width: 200px;
  height: 200px;
  margin: 10px;
  float: right;
}
#box1 {
  background-color: aqua;
  transform: rotate(20deg);
}
#box2 {
  background-color: violet;
  transform: translate(100px, 100px);
}
#box3 {
  background-color: pink;
  transform: scale(0.5);
}
#box4 {
  background-color: teal;
  transform: skew(10deg, 5deg);
}
