--- title: "Animations, confetti and other effects" description: "Make elements fade or bounce in, celebrate wins with confetti or fireworks, and add background music." url: https://scratcher.io/help/campaigns/animations-and-effects language: en --- 1. [Help center](https://scratcher.io/help) 2. [Campaigns and the editor](https://scratcher.io/help/campaigns) 3. Animations, confetti and other effects # Animations, confetti and other effects Make elements fade or bounce in, celebrate wins with confetti or fireworks, and add background music. Small effects make a campaign feel alive. You can animate single elements, celebrate a win, and add effects to the whole campaign. ## Animate an element 1. Click the element and open the **Effects** tab. 2. Choose an **Entry animation** (when it appears), an **Exit animation** (when it leaves) or an **Idle animation** (while it is on screen). 3. Pick a type, such as **Fade**, **Slide**, **Pop**, **Pulse**, **Wobble** or **Rotate**. 4. Set the **Duration** and **Delay**, and choose a **Transition feel**, such as **Smooth**, **Snappy** or **Bouncy**. 5. Click **Preview animation** to see it, and **Stop preview** to stop it. More animation settings: - **Delay**: turn on **Toggle delay before playing** and choose how many seconds to wait before the animation starts. - **Duration** and **Easing**, for animations with the **Linear** feel: **Constant**, **Starts slow**, **Ends slow** or **Slow, fast, slow**. - Games also have **Game finish: Winner**, **Game finish: Lose** and **Game finish: Neutral**, to animate the game when it ends. ## Celebrate with visual effects Under **Visual effects** you can add **Confetti**, **Fireworks**, **Snow** or **Drop images** (your own images falling down the screen). Effects can start at a set moment, such as **Game finish: Winner**, so the confetti only falls for winners. Turn an effect on to see its settings, and click play to preview it: - **Fireworks**: **Color**, **Color variation** (how much the colors vary), **Time between rockets (in ms)**, **Amount of particles**, **Spread**, **Gravity**, and **Show rocket trail** with a **Rocket color** and **Rocket speed**. - **Confetti**: **Shape** (**Square** or **Circle**), **Size** and **Twirl**. - **Drop images**: the **Image** (or **Icon**), **Max image size** and **Drop speed**. - **Snow** has no settings. ## Effects for the whole campaign For landing page campaigns, open **Settings** > **Global Effects**: - **Page animations**: an entry and exit animation for every page. - **Visual effects**: effects that run across the campaign. - **Background music**: upload an **Audio file**, set the **Volume** and choose **Loop sound**. - **Loader**: click **Add loader** to show an animation while the campaign loads. Choose the **Loader type** (**Spinner**, **Circle**, **Ring**, **Dual ring**, **Ellipsis**, **Hourglass**, **Ripple**, **Grid**, **Roller**, **Heart** or **Circle dots**), its **Color** and **Size**. Turn on **Show loader** to see it in the editor. ## Game sounds Many games have their own **Sounds** section in the game's settings, for example a sound when the wheel spins. Keep it light: one or two effects are usually more fun than many. Players who have asked their device to reduce motion see fewer animations. Campaigns and the editor - [Create a campaign from a template](https://scratcher.io/help/campaigns/create-a-campaign) - [Get to know the editor](https://scratcher.io/help/campaigns/editor-overview) - [Add, reorder and manage pages](https://scratcher.io/help/campaigns/pages-and-flow) - [Add and edit texts, images and other elements](https://scratcher.io/help/campaigns/add-and-edit-elements) - [Add your brand with the design kit](https://scratcher.io/help/campaigns/design-kit) - [Animations, confetti and other effects](https://scratcher.io/help/campaigns/animations-and-effects) - [Personalise texts with dynamic tags](https://scratcher.io/help/campaigns/dynamic-tags) - [Publish, schedule, pause and end a campaign](https://scratcher.io/help/campaigns/publish-and-schedule) - [Preview and test your campaign](https://scratcher.io/help/campaigns/preview-and-test) - [Editor errors and warnings: what they mean and how to fix them](https://scratcher.io/help/campaigns/editor-errors-and-health-check) - [Run a campaign health check](https://scratcher.io/help/campaigns/campaign-health-check) - [Run a campaign in several languages](https://scratcher.io/help/campaigns/languages-and-translation) - [Organise, copy and delete campaigns](https://scratcher.io/help/campaigns/organise-campaigns) - [Send emails to players](https://scratcher.io/help/campaigns/send-emails-to-players) - [Plan your year with the Plan calendar](https://scratcher.io/help/campaigns/plan-your-campaigns) - [Products and product feeds](https://scratcher.io/help/campaigns/products-and-product-feeds) - [Good to know about the editor](https://scratcher.io/help/campaigns/editor-good-to-know) ## Related articles - [Add and edit texts, images and other elements](https://scratcher.io/help/campaigns/add-and-edit-elements): Insert elements, change texts, upload images and fonts, and style everything for desktop and mobile. - [Add your brand with the design kit](https://scratcher.io/help/campaigns/design-kit): Set the background, fonts, text colors, links, logo and button style once, and every page of the campaign follows them. Save kits and reuse them in other campaigns. - [Win and lose pages](https://scratcher.io/help/prizes/win-and-lose-pages): Choose what winners and non-winners see, give a prize its own page, and use a shared prize page. ## Still need help? Real people are here to help. If you already use Scratcher, the quickest way is the chat inside the platform. - **[Chat with us](https://platform.scratcher.io/login)** Log in and click the chat button in the bottom-right corner. Rex answers right away, and our team is a click away. - **[Book a meeting](https://scratcher.io/book-a-meeting)** A free 30-minute video call with our team: a tour, campaign ideas or help with your setup. - **[Email us](mailto:contact@scratcher.io)** Write to contact@scratcher.io and we will get back to you.