Making fragmented lists half visible like Beamer overlays

[mil-ad]

I was wondering if it's possible to tweak my CSS to replicate what Beamer overlays do with fragmented list, i.e. make upcoming items are half visible:

I think marpit doesn't actually generate multiple <section>s for each fragment and instead adds some magic attributes to list items that are handled by the higher level app. Is there a way to achieve this through CSS customisation If I only care about the vanilla HTML output?

[yhatt]

🚚 Transferred from marp-team/marpit#309 for discoverability by others.

Because Marpit framework itself does have no opinions about how to control fragmented list, styling is also depending on the higher level app.

Many Marp users are using Marp CLI's bespoke template, which is a practical refference implementation of HTML. In this case, you can style hidden items by below snippet:

<style>
  [data-bespoke-marp-fragment="inactive"] {
    visibility: visible !important;
    opacity: 0.25;
  }
</style>

[mil-ad]

Thanks! Exactly what I was looking for