Skip to content

Commit

Permalink
Remove information about CSS contain property for morphable elements
Browse files Browse the repository at this point in the history
  • Loading branch information
yhatt committed Feb 6, 2025
1 parent c270823 commit 6a944a0
Showing 1 changed file with 0 additions and 6 deletions.
6 changes: 0 additions & 6 deletions docs/bespoke-transitions/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -518,10 +518,6 @@ If there were multiple pairs defined by `view-transition-name` CSS property with

In this example, the icon image of "1" on every page is marked as morphable elements named "one" by `view-transition-name` CSS property.

Generally setting [`contain` CSS property][contain] as `layout` or `paint` is also required together with `view-transition-name`. If it lacked, the browser may ignore the morph transition with the error `Shared element must contain paint or layout`.

[contain]: https://developer.mozilla.org/en-US/docs/Web/CSS/contain

```markdown
---
theme: gaia
Expand Down Expand Up @@ -566,8 +562,6 @@ It provides a writing experience of presentation slides by Markdown.

#### Use HTML to mark morphable contents

By using an inline HTML with enabling raw HTML rendering by `--html` Marp CLI option, you can mark a group of morphable contents with more flexibility.

This example is defining the style for `data-morph` attribute, to mark the inner elements as morphable.

```markdown
Expand Down

0 comments on commit 6a944a0

Please sign in to comment.