## General Settings
### Animation
As readers scroll up and down the site, the animation, when enabled, is triggered following one of the following conditions:
* The element comes into view
* After the page loads
* On hovering over the element
Animations can add some flair, impress customers, and encourage them to engage more.
After selecting the **Trigger** condition for your Animation, you can choose the **Animation type**, its **duration**, and the **delay time**.
* **Animation type:**
* Fade in
* Fade in up
* Fade in down
* Fade in left
* Fade in right
* Tada
* Shake X
* Shake Y
* Head shake
* Heart beat
* Bounce in
* Wobble
* Swing
* Flip in X
* Light speed in right
* Light speed in left
* Spin
* **Duration**: between 0.1s-2s
* **Delay time** to perform the animation: 0-2s
{% hint style="info" %}
💡 On the page outline, an element with activated animation has the :zap: icon by its name.
{% endhint %}
### Visibility
The Visibility setting lets you show or hide the element on different devices, including Desktop/ Laptop/ Tablet/ Mobile.
By default, an element is visible to all 4 device views:
* Mobile
* Tablet
* Laptop
* Desktop
To hide the element in a particular view, uncheck the option.
#### Example
We want to hide the **Testimonials** section on tablet and mobile view.
In the **Visibility** settings, simply uncheck the options **Show on tablet** and **Shop on mobile.**
### Custom attributes
Although Foxify offers a large variety of attributes, we understand that giving customers the freedom of creativity and execution is necessary.
That's when **Custom attributes** come in handy.
Once an element is selected, this can be found at the bottom of the General settings tab.
Supported attributes include:
* ID
* CSS classes
{% hint style="info" %}
If you want to add multiple CSS class names to the field, make sure to leave a space between the classes.
{% endhint %}
{% hint style="info" %}
All the settings set in that selected block will be overwritten by the Custom attributes (if present).
{% endhint %}
.gif?alt=media&token=27c15dbd-2e5f-4d81-99b5-88f6b5b9a635)
