header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
  1. Home
  2. Studio, Partners & Enterprise
  3. Wix Studio
  4. Using the Wix Studio Editor
  5. Adding effects and animations

Adding effects and animations

Articles
  • Studio Editor: About Animations
  • Studio Editor: Adding a Custom Cursor
  • Studio Editor: Adding a Preset Click or Hover Interaction
  • Studio Editor: Creating a Custom Click or Hover Interaction
  • Studio Editor: Adding a Loop Animation
  • Studio Editor: Adding a Scroll Animation
  • Studio Editor: Adding an Entrance Animation
  • Studio Editor: Adding Header Scroll Effects
  • Studio Editor: Adding and Customizing Lottie Animation Files
  • Studio Editor: Adding Mouse Effects
  • Studio Editor: Adding and Setting Up a Rive Animation
  • Studio Editor: Applying a Glass Effect
  • Studio Editor: Using Blend Mode
  • Studio Editor: Adding a WebGL Effect to Media Backgrounds
  • Studio Editor: Adding Animations to Button Icons
  • Studio Editor: Adding and Customizing Text Effects
  • Studio Editor: Available Animations per Element
  • Studio Editor: Adding and Customizing Shape Dividers
  • Studio Editor: Adding and Customizing Text on Path
  • Studio Editor: Adding and Customizing Text Particles
    • Feature Requests
  • Studio Editor Request: Additional Page Transition Effects
  • Studio Editor Request: Adding Vertical Scroll Snap to Sections
  • Studio Editor Request: Setting Transitions for Links to Anchored Sections (Instead of Scrolling)
  • Studio Editor Request: Animated Hamburger Menu Icon
  • Studio Editor Request: Setting the Animation Distance in px*
  • Studio Editor Request: Setting Videos to Play on Scroll
  • Studio Editor Request: Ability to Control the Site Scroll Smoothness (Lerp)
  • Studio Editor Request: Adding Animation to Hamburger Menu Containers
  • Studio Editor Request: Adding Shadow to a Header
  • Studio Editor Request: Changing the Color of Header Elements on Scroll
  • Studio Editor Request: Using Animation to Change an Element's Shape
  • Studio Editor Request: Adding Transition Effects for Multi-State Boxes
  • Studio Editor Request: Adding Blend Modes to Vector Art and Basic Shapes
  • Studio Editor Request: Adding Sequential Animation Effects for Stacked Elements
  • Studio Editor Request: Animating Hamburger Menu Items When Opened
  • Studio Editor Request: Swapping Start and End Icons (Buttons)
  • Studio Editor Request: Optimizing Custom Button Icon Animations
  • Studio Editor Request: Setting Headers to Overlap on 'Scroll with Site'
  • Studio Editor Request: Adding an Empty State to Button Icon Animations
  • Studio Editor Request: Playing the Button Icon Animation on Scroll
  • Studio Editor Request: Playing the Button Icon Animation on Click
  • Studio Editor Request: Adjusting the Transition Between Button Icons