docs(css): Follow-up PR for shape() function page

[dipikabh]

Description

This is a continuation of #33446 to address the remaining review comments.

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/basic-shape/path
• /en-US/docs/Web/CSS/basic-shape/shape
• /en-US/docs/Web/CSS/basic-shape

(comment last updated: 2024-06-14 12:24:47)

[dipikabh]

Hi @estelle, @OnkarRuikar, your comments and suggestions are addressed in this PR. PTAL and let me know if these changes look okay to land. Thanks!

[OnkarRuikar]

A few more nits.
Due to jumps in paths it's not clear where the animations start. To indicate animation progress could you do following change:

@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
++    background-color: pink;
  }
}

[dipikabh]

Due to jumps in paths it's not clear where the animations start.

Fixed in 8380d65

[OnkarRuikar]

Looks good to me.

[dipikabh]

Thanks, @OnkarRuikar 👍

[pepelsbey]

Just a small suggestion. Otherwise, looks good! Thanks :)

[dipikabh]

Thanks a lot for the review, @pepelsbey!