![]()
Plain placeholder
![]()
Themed placeholder
![]()
Placeholder with random theme
![]()
Placeholder with rgb color values
![]()
Placeholder with rgba color values
![]()
Placeholder with text
![]()
Placeholder with lengthy text
![]()
Canvas placeholder with lengthy text
![]()
Placeholder with very lengthy text
![]()
Placeholder with custom newline
![]()
Placeholder with disabled line wrap
![]()
Placeholder with left-aligned text
![]()
Placeholder with right-aligned text
![]()
Placeholder with right-aligned text and custom margin
Placeholder with (randomly) missing image source
![]()
Placeholder using a ratio
Auto-sized placeholder in exact mode
<div> with background placeholder
<div> with manually-sized background placeholder
<div> with manually-sized background placeholder with CSS
<div> with data-background-src placeholder
Placeholder added using addImage with a selector
![]()
Auto-sized canvas placeholder with custom domain and theme
![]()
Placeholder using Pacifico font
object placeholder using Pacifico font
Placeholders demonstrating adaptive text size
![]()
Placeholder using Font Awesome 5 font
object placeholder using Font Awesome 5 font
![]()
Placeholder with custom font size
![]()
Placeholder with custom font size specified with units
SVG and canvas placeholders with outline enabled
Placeholders with automatic foreground color
Placeholders with automatic and default color
Placeholders with automatic foreground color, grayscale
Placeholder added using addImage with a DOM node
Placeholder that triggers an error due to an invalid bg color
Placeholder that has a ? in text
![]()
Full-page fluid placeholder
Full-page fluid object placeholder
![]()
Full-page fluid placeholder in literal mode
![]()
Full-page fluid placeholder with embedded dimension text
![]()
Full-page fluid placewholder with fixed font size
![]()
Full-page fluid placeholder that toggles resizable updates when clicked
Fluid placeholder inside invisible parent element.
![]()
Full-page fluid placeholder with outline enabled