div::after {
font-family: var(--secondary-font);
font-size: 1em;
user-select: all;
content:
" \A \
This website contains one <div> only. \A \
No JavaScript. \A \
The rest is pure CSS. \A \
\A \
The <div> is animated with CSS keyframes, \A \
styled with CSS variables, \A \
styled with CSS transitions, \A \
styled with CSS pseudo-elements, \A \
styled with CSS pseudo-classes. \A \
But that's it. \A \
";
}
Comments
Before it starts to look a bit ugly
div::after { font-family: var(--secondary-font); font-size: 1em; user-select: all; content: " \A \ This website contains one <div> only. \A \ No JavaScript. \A \ The rest is pure CSS. \A \ \A \ The <div> is animated with CSS keyframes, \A \ styled with CSS variables, \A \ styled with CSS transitions, \A \ styled with CSS pseudo-elements, \A \ styled with CSS pseudo-classes. \A \ But that's it. \A \ "; }