> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/settings/animations/sections-blocks/appear-animation-direction.md).

# Appear Animation Direction

### How to Adjust Appear Animation Direction in AppSections

The "Appear Animation Direction" setting in AppSections allows you to control the direction from which the appear animations are applied to blocks, groups, and sections. This setting enhances the visual dynamics of your elements by adding directionality to the animations as they appear on the screen. Here is how you can adjust the appear animation direction:

### **Appear Animation Direction**

**Purpose:** This setting allows you to define the direction from which the appear animations are applied, adding a sense of movement and focus. **Usage:** Select from five options to set the desired animation direction.

### Available Appear Animation Direction Options

1. **Center:** The animation originates from the center.
2. **Top:** The animation originates from the top.
3. **Right:** The animation originates from the right.
4. **Bottom:** The animation originates from the bottom.
5. **Left:** The animation originates from the left.

### Steps to Adjust Appear Animation Direction

1. **Select the Block/Group/Section:**
   * Open your Shopify theme editor.
   * Navigate to the specific block, group, or section where you want to adjust the appear animation direction.
2. **Locate the Appear Animation Direction Setting:**
   * In the settings for the block, group, or section, find the **Appear Animation Direction** option.
3. **Select Appear Animation Direction:**
   * Choose one of the five options based on your design preferences:
     * **Center:** The animation effect originates from the center of the element.
     * **Top:** The animation effect originates from the top of the element.
     * **Right:** The animation effect originates from the right side of the element.
     * **Bottom:** The animation effect originates from the bottom of the element.
     * **Left:** The animation effect originates from the left side of the element.

### Ensuring the Right Appear Animation Direction Application

1. **Preview Changes:**
   * After selecting an appear animation direction, preview your store to see how the changes look.
   * Check the block, group, or section to ensure the animation direction setting is applied correctly and enhances the visual dynamics.
2. **Check Consistency:**
   * Ensure that the appear animation direction setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
3. **Test Across Devices:**
   * Verify the appear animation direction setting on different devices to ensure it looks good and maintains functionality on all screen sizes.

### Summary

By using the "Appear Animation Direction" setting in AppSections, you can control the direction from which animations are applied to your blocks, groups, and sections in your Shopify store. This flexibility allows you to enhance the visual dynamics and focus of your elements, ensuring a dynamic and engaging user experience across all devices. Adjusting the animation direction helps create visually appealing effects and improves the overall design consistency.

If you have any questions or need further assistance, please contact our customer support team.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.appsections.com/settings/animations/sections-blocks/appear-animation-direction.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.