How To Rotate Picture In Email

Rotating an image on a web page is possible using a CSS rotate class, which is added to any <img> tag to rotate the image.

Rotating an image using CSS

To use the Corrective setting, select View Show Grid (or, select Guides in the Rotate options and choose whatever option is most helpful, as shown later in this tutorial). Click on the layer with the Rotate tool, and rotate the grid until the horizontal lines of the grid are parallel with the horizon. Select the photo group that contains the picture you want to edit, and then select the picture you want to edit. Step 3 Right-click on the picture and select 'Rotate.' The picture will rotate 90. If your images are sideways or upside down, use the image rotation tool within the GoDaddy Email Marketing composer to set them right. Once you've uploaded your image and added it to your campaign, right-click the thumbnail of the image in the gallery (ctrl-click, alt-click or 2-finger click if you’re on a Mac), and the Rotate option will appear. Outlook.com does not have the feature to rotate picture, try rotating it in Windows Photo Viewer before inserting it. Hope this information is helpful.

The CSS code needs to include transformations code for each major Internet browser, so the image is rotated in all browsers.

Below is an example of CSS code to rotate an image 180-degrees.

The CSS code above should be added to a .css stylesheet file linked in your HTML. For example, if your CSS file is named site.css and in the same directory as your HTML file, you can include the following HTML in the <head> element:

Alternatively, you can include the CSS code inline, either in a style tag appearing before the image tag, or in the style attribute of the image tag.

Once the CSS code is applied to your .css file, stylesheet, or <style> tags, you can use the CSS class name in any of your image tags.

Tip

To rotate an image by another measure of degrees, change the '180' in the CSS code and <img> tag to the degree you desire.

Rotated image example

How Do You Rotate Photo In Email

Below is an example of our logo using the CSS code above. If your browser supports the CSS rotation, the logo should appear to be rotated 180 degrees.

See Full List On Wikihow.com

How To Rotate A Picture In An Email Attachment

Additional information

See our rotate page for further information about this term and related links.