Anticode
  • Welcome to Anticode
  • Templates
    • Bubble - Startup Landing Page
    • Bubble - Directory/Listings Template
    • Bubble - Job Board/Search Template
    • Bubble - Product Sales Funnel Template
    • Bubble - Quiz Creator Template
    • Bubble - Meetup/Events Template
    • Bubble - All-in-one Template
  • Plugins
    • Bubble - Financial Data (Stocks, Forex etc.)
    • Bubble - Words API Plugin
    • Bubble Web Search Plugin
    • Bubble ColorTag API Plugin
    • Bubble - Loading Spinners
    • Bubble - Animations Plugin
    • Bubble - Shaking Animation
    • Bubble - Dot Spinners
    • Bubble - Button Effects on Hover
    • Bubble - Beautiful Spinners Plugin
    • Bubble - Clock Plugin
    • Bubble - Credit Card Validator Plugin
    • Bubble - Detect User Plugin
    • Bubble - Full-Screen Loading Animation Plugin
    • Bubble - Image Zoom on Hover Plugin
    • Bubble - Particles Animation
    • Bubble - Pattern Lock Plugin
    • Bubble - Foldable Elements Plugin
    • Bubble - Modify Favicon
    • Bubble - Elevator Scroll
    • Bubble - Image Zoomer Plugin
    • Bubble - Loading Overlay Plugin
    • Bubble - Detect Inactivity Plugin
    • Bubble - Blur Elements Plugin
    • Bubble - Simple Text to Speech
    • Bubble - Custom Cursor Plugin
    • Bubble - Transform and Translate Elements
    • Bubble - Animated Shapes Plugin
    • Bubble - Simple HTML Audio Player
    • Bubble - Click Bubbles Plugin
    • Bubble - iOS Style Spinner
    • Bubble - iOS Style Notifications
    • Bubble - Dynamic Page Title
    • Bubble - Focus Elements Plugin
    • Bubble- Confetti Animation Plugin
    • Bubble - Simple Loading Spinner
    • Bubble - Share Text Plugin
    • Bubble - Emoji Ratings Plugin
    • Bubble - Prevent Duplicate Windows/Tabs Plugin
    • Bubble - Highlight Text Plugin
    • Bubble - Browser Cookies Plugin
    • Bubble - Percentage Circles Plugin
    • Bubble - Analog Clock Plugin
    • Bubble - Loading Game Plugin
    • Bubble - Image Filters Plugin
    • Bubble - Local Push Notifications Plugin
    • Bubble - Number Counter Plugin
Powered by GitBook
On this page
  • Overview
  • Instructions
  1. Plugins

Bubble - Transform and Translate Elements

PreviousBubble - Custom Cursor PluginNextBubble - Animated Shapes Plugin

Last updated 5 years ago

Overview

This Plugin allows you to transform and translate Elements in your app within a workflow. The following Actions are included:

  • Translate X

  • Translate Y

  • Translate X/Y

  • Scale

  • Rotate

  • Skew X

  • Skew Y

  • Change Opacity

    This Plugin can be used to create your own animations and make your app more interactive.

For a demo of this Plugin please visit:

Instructions

After installing this Plugin head to Settings->General and Enable the option to add ID attributes to HTML Elements. Choose an element within your editor that should be transformed/translated and give it an unique Element ID within the Element Inspector. You can now trigger one of the various actions within a workflow. You will have to specify the Element ID of the element that should be targeted as well as some other paramaters according to the action which is used (see documentation within Workflow)

https://transformationsandtransitions.bubbleapps.io/