Mastodon Feed: Post

Reblogged by slightlyoff@toot.cafe ("Alex Russell"):

css@front-end.social ("CSS by T. Afif :verified:") wrote:

💡 CSS Tip!

Place your text inside a responsive ribbon shape using a few lines of code.
✅ Only one element
✅ No pseudo-elements
✅ Works with multi-line text

Demo: https://codepen.io/t_afif/full/XWOKEmG via :codepen: @codepen

Online Version: https://css-tip.com/multi-line-ribbon-shape/

#CSS

Attachments:

• Overview of the CSS code from the linked demo (remote)
• three ribbon shapes with text content (remote)