Home
Templates
Transform and Translate Elements

Transform and Translate Elements

This Plugin allows you to transform and translate Elements in your app within a workflow.

3
(
24
 installs)
Get PluginLive Demo
$
$4 / month or $10 once

Details

Categories

No items found.

Types

Instructions

Details

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.
*Please Note: All Transform/Translate Actions are always relative to the original position/size of the element are therefore only run once. For Example a rotation action with an angle of 30 degrees will rotate the original element by 30 degrees clockwise. Running this action will not rotate the element by a further 30 degrees. To get the element to the original rotation angle you would have to run an action with a rotation angle of 360.

For a demo of this Plugin please visit:https://transformationsandtransitions.bubbleapps.io/

Categories

Containers Media Technical

Types

Background Services Action

Links

Service Link:

https://www.rapidevelopers.com

Instructions

  1. After installing this Plugin head to Settings->General and Enable the option to add ID attributes to HTML Elements.
  2. Choose an element within your editor that should be transformed/translated and give it an unique Element ID within the Element Inspector.
  3. You can now trigger one of the various actions within a workflow.
  4. 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)

Questions? Can’t find the right plugin? Contact us!

We’re happy to answer any questions or assist you in finding the perfect plugin for your project. Response times are typically within 12 hours.

4.9
Clutch 🌟
400+
Happy partners
17+
Countries
130+
Team members

Explore more plugins

We put the rapid in RapidDev

Ready to get started? Book a call with our team to schedule a free consultation. We’ll discuss your project and provide a custom quote at no cost!

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences