i img.drotate { width: 300px; transform: rotate(0deg); transition: transform 500ms; } img.drotate:hover { transform: rotate(45deg); } 2d transforms

i img.dscale { width: 300px; transform: scale(1); transition: transform 500ms; } img.dscale:hover { transform: scale(2); } Transform Scale

i img.dtranslate { width: 300px; transition: transform 500ms; } img.move-right { transform: translateX(900px); transition: transform 500ms; } Translate