Tutorials Avatar xenforo rotation

[Xenforo]

In XenForo, "rotating" avatars can refer to either correcting the orientation of uploaded images or adding aesthetic effects (such as rotation on mouseover).
1. Correct Avatar Orientation (EXIF)
If users upload photos that appear rotated (common with mobile devices), XenForo uses the EXIF data to orient them correctly.
Requirement: EXIF support must be enabled in the Administrator Control Panel (ACP).
Technical Limitation: XenForo does not have a built-in function to manually rotate an image after uploading. If the EXIF data is incorrect or missing, the user will need to rotate the image on their device before uploading.
2. Rotation on Mouseover Effect (CSS)
You can add an animated effect that rotates the avatar when a user hovers over it. To do so, add this code to your style's extra.less template:

/* Avatar rotation on mouseover */
.avatar:hover {
transform: rotate(360deg);
transition: transform 0.5s ease-in-out;
}

transform: rotate(360deg): Sets the full rotation (360 degrees).
transition: Determines the animation's smoothness and duration (e.g., 0.5 seconds).

3. Animated Avatars (GIFs)
To display animated avatars (GIFs), the server must have the ImageMagick extension installed and selected as the default image processor in:
ACP > Options > Attachments > Image Processor.
Without this configuration, XenForo may convert GIFs to static images when resizing.