Tournesol 🌻 (@tournesol)

@tournesol

I hope someone else answered your question already but #MFM uses #CSS styling for all the effects. That means later content appears on top

🟥🟨🟩
🟥🟨🟩

That's why red is bottom in each of these, it goes 🟥🟨🟩 despite being moved around with position.

The main exception to this rule that you'll run in to is that anything with a transform, filter, clip, or perspective creates a new stacking context on top of everything. Within a context it still follows the last on top rule and different contexts also follow the rule. You just need to be careful about stuff without a new context and when nesting.

🟥🟨🟩

For example, that has yellow at the bottom because it wasn't given $[position.x=0 while the red and green do have positions.

Most things involving movement, resizing, and cropping create new contexts. Most other stuff doesn't but there are exceptions.