2d transform

2D Transform

here is the relevant code

#goat{
                        transition: transform 0.5s;
                    }
                    goat:hover {
                        transform: rotate(45deg);
                    }

transform scale

here is the relevant code

#messi {
                        width: 300px;
                        height: 500px;
                      }
                      #messi:hover {
                        transform: scale(2);
                        transition: transform 0.5s;
                      }

translate

move-right

here is the relevant code

#eiffel{
                    transition: transform 0.5s
                     }
                    .move-right {
                        transform: translateX(900px);}