Hi, I'm trying to represent the transition classes for layers, to create a small editor. I'm using .net core trying to set the inheritance but I'm a bit confused because the properties of text transitions are similar to regular transitions. The question is: On which tag elements do we have to use Transitions and on which tag elements do we use Transitions Text?
I just see that the normal transition has color, bgcolor, height, width (for example) but these don't exist in the TextTransitions, this is confusing too how would I assign color to a text transition?
The second question is about the transitionin or texttransitionin (and their out) property, what exactly do they do? If I set this property to false what happens? Wouldn't transitions occur for that layer? Thank you!
Text layers (layers with text content only) can have text transitions and normal transitions both. So - for example - you can make to move the text layer into the canvas from the right (with a transition in), while the characters of the text are rotating and scaling in one-by-one (with a text transition in).
Text transitions have some different properties for the character animations.
If a layer has transitionin: false; added, it won't be visible. If you set transitionout: false; - the layer won't leave the canvas even on a slide change.
Do you have an excel table, or another format (not html) for the 2D slide transitions and 3D slide transitions? I try not to copy and paste IDs with their names one by one... Thank you!
You can get the names of the slide transitions from the layerslider.transitions.js file in the sources/js folder. That file contains a JavaScript object with all the transition data. You can easily loop through the object with a js code and get the necessary names.
Yes, I found them there, but the ID corresponding to each one is not there, and in the slide options help it says that the value to put is the ID. How can I do?
Thanks George, I have another question: How is the z-order of the layers (supposedly z-index) determined? I understand that the ls-bg goes behind, but the other layers? Thank you.
The z-order of normal layers are automatic (starting with: z-index: 101, assigned to the first layer in the html markup). If you add a custom z-index to any layer, it will use that, so you can overwrite the automatic z-order.
Hi, I'm trying to represent the transition classes for layers, to create a small editor. I'm using .net core trying to set the inheritance but I'm a bit confused because the properties of text transitions are similar to regular transitions. The question is: On which tag elements do we have to use Transitions and on which tag elements do we use Transitions Text?
I just see that the normal transition has color, bgcolor, height, width (for example) but these don't exist in the TextTransitions, this is confusing too how would I assign color to a text transition?
The second question is about the transitionin or texttransitionin (and their out) property, what exactly do they do? If I set this property to false what happens? Wouldn't transitions occur for that layer?
Thank you!
Hello Silvio,
Text layers (layers with text content only) can have text transitions and normal transitions both. So - for example - you can make to move the text layer into the canvas from the right (with a transition in), while the characters of the text are rotating and scaling in one-by-one (with a text transition in).
Text transitions have some different properties for the character animations.
If a layer has transitionin: false; added, it won't be visible. If you set transitionout: false; - the layer won't leave the canvas even on a slide change.
Best Regards,
George | Kreatura Dev Team
Ok, thanks for the answer.
Do you have an excel table, or another format (not html) for the 2D slide transitions and 3D slide transitions? I try not to copy and paste IDs with their names one by one...
Thank you!
Hello Silvio,
You can get the names of the slide transitions from the layerslider.transitions.js file in the sources/js folder. That file contains a JavaScript object with all the transition data. You can easily loop through the object with a js code and get the necessary names.
Best Regards,
George | Kreatura Dev Team
Yes, I found them there, but the ID corresponding to each one is not there, and in the slide options help it says that the value to put is the ID. How can I do?
The ID is a sequence number, so the sequence number of a picked transition in the array is the ID of that transition.
Best Regards,
George | Kreatura Dev Team
Thanks George, I have another question: How is the z-order of the layers (supposedly z-index) determined? I understand that the ls-bg goes behind, but the other layers? Thank you.
The z-order of normal layers are automatic (starting with: z-index: 101, assigned to the first layer in the html markup). If you add a custom z-index to any layer, it will use that, so you can overwrite the automatic z-order.
Best Regards,
George | Kreatura Dev Team