Fade Out Black Gradient
c: has-fade-out-black-gradient-gradient-background
s: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%)
Olive Green Gradient
c: has-olive-green-gradient-gradient-background
s: linear-gradient(90deg, rgba(135,155,78,1) 0%, rgba(101,129,21,1) 100%)
Teal Gradient
c: has-teal-gradient-gradient-background
s: linear-gradient(90deg, rgba(152,213,210,1) 0%, rgba(106,142,145,1) 100%)
Sand Gradient
c: has-sand-gradient-gradient-background
s: linear-gradient(90deg, rgba(227,223,216,1) 0%, rgba(191,180,160,1) 100%)
Lilac Gradient
c: has-lilac-gradient-gradient-background
s: linear-gradient(90deg, rgba(202,161,203,1) 0%, rgba(105,99,153,1) 100%)
Mari Gold Gradient
c: has-mari-gold-gradient-gradient-background
s: linear-gradient(90deg, rgba(253,190,80,1) 0%, rgba(243,217,101,1) 100%)
In viverra luctus vulputate. Aliquam pretium enim vel dapibus placerat. Cras pharetra velit ut condimentum mattis. Aenean lorem nibh, porttitor non euismod id, sagittis eu tortor. Aliquam erat volutpat. Nunc blandit ligula in magna egestas, sit amet maximus nunc posuere. Pellentesque consequat non turpis interdum dignissim. Nunc elementum dui elit, vitae vulputate tortor pretium id. Cras vitae ornare lacus, vitae faucibus enim. Curabitur et feugiat urna. Etiam consectetur ex aliquam ligula facilisis, nec facilisis ligula ullamcorper. Ut et ante condimentum, consectetur ipsum eu, lacinia erat. Nunc mattis placerat ante sed rutrum. Suspendisse molestie nibh quis metus vehicula facilisis non at tortor. Curabitur ultrices, risus non semper pulvinar, ligula diam sagittis tellus, eget mattis ex dolor eu orci.
Proin sit amet porta eros, eu malesuada justo. Nulla sed eleifend nibh, at posuere sapien. Maecenas id nisl et turpis tincidunt aliquet. Ut elit turpis, vestibulum sit amet tempor ut, congue in libero. Praesent vestibulum semper ullamcorper. Suspendisse sollicitudin nisl vel pharetra bibendum. Pellentesque at massa quis quam congue accumsan. Suspendisse potenti. Nunc accumsan rutrum leo.
This is a text link
Strong is used to indicate strong importance
This text has added emphasis
The b element is stylistically different text from normal text, without any special importance
The i element is text that is set off from the normal text
The u element is text with an unarticulated, though explicitly rendered, non-textual annotation
This text is deleted and This text is inserted
This text has a strikethrough
Superscript®
Subscript for things like H2O
This small text is small for for fine print, etc.
Abbreviation: HTML
Keybord input: Cmd
This text is a short inline quotation
This is a citation
The dfn element indicates a definition.
The mark element indicates a highlight
This is what inline code looks like.
This is sample output from a computer program
The variable element, such as x = y
