In our ‘going live’ post about our new responsive engine, some users asked us for the ability to add transitions on elements’ dimensions. We are happy to report that last week we added this ability, so now you can add transitions to a container’s width, height, and margin properties. [image] Som…

@andrew.king , I noticed that margin transitions don’t seem to work with floating groups. Is that by design, or should I submit a bug report? The margin does change, but it’s not animated. EDIT [image] sudsy: I noticed that margin transitions don’t seem to work with floating groups. Aha! A bi…

Oh COOL!!! Super excited about this :slight_smile:

Superb! May I ask how do you make it?

Awesome sleuthing! Thanks for that, we’re looking into it now.

Just deployed a fix, should be active soon!

Hi @andrew.king , Transitions do not seem to work on Floating Groups although they are available in the editor. If I manually edit the CSS seem to work fine, but does not seem to be applied to the Floating Group. Please, have a look at it! Thanks!

n00b alert… how can I make transition setting appear on groups with the new Responsive editor tab layout? [image]

Sorry, it does seem to work in Floating Groups that are not REUSABLE elements, but not on floating REUSABLE elements.

You have to set your transitions in the bottom of the Appearence tab [Capture d’écran 2022-03-31 à 00.06.48]

hey, amazing effect, could you do a tutorial on how you achieved this please?

New Responsive: Transitions on height, width, margin

Announcements New features

sudsy April 4, 2022, 2:54pm 20

@agence.webinti, @Rangduju, and others seeking additional info on creating the radial menu effect, I’ve posted a how-to in the Tips forum.

Hope it helps.

Topic		Replies	Views
[Here's How] Radial menus (and more) using transitions - new responsive Tips	3	2062	November 28, 2023
Add "This element is visibile" "visibility" to Transitions Idea	7	2073	September 17, 2019
Animate Group Resize New Responsive Engine	3	790	November 24, 2022
New Responsive Engine [beta] is Live! New features	683	81649	July 10, 2023
Not to overlap floating group Responsiveness	14	1495	October 11, 2024

New Responsive: Transitions on height, width, margin

Related topics