.translate {
    padding: 5rem;
    background-color: orangered;
    width: 50%;
    transform: translate(40px, 50px);
}
.rotate {
    padding: 5rem;
    margin-top: 80px;
    margin-bottom: 20px;
    background-color: orange;
    width: 50%;
    transform: rotate(30deg);
}
.skew {
    padding: 5rem;
    margin-top: 80px;
    margin-bottom: 20px;
    background-color: slateblue;
    width: 50%;
    transform: skew(10deg);
}
.scale {
    padding: 5rem;
    margin-top: 80px;
    margin-bottom: 20px;
    background-color: tomato;
    width: 50%;
    transform: scale(1.5);
}
.all {
    padding: 5rem;
    margin-top: 200px;
    margin-bottom: 20px;
    background-color: violet;
    width: 50%;
    transform: translate(40px, 50px) scale(1.1) skew(10deg) rotate(40deg);
}