8.bit CSS
8.bit CSS is a minimal CSS framework that uses no classes to give pages a retro look. You just need to include a single CSS file, and the page will immediately have an 80s style.
You can show a dialog by clicking here.
In this demo page, the dialog will automatically close after 3 seconds.
These are the available headings:
An h1 heading
An h2 heading
An h3 heading
An h4 heading
An h5 heading
An h6 heading
These are strong, emphasis, code, mark, q (quote)
and cite examples.
And these are a relative link and an absolute link.
Below, a blockquote example:
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
And some preformatted text:
function main() {
return 'hello, world!'
}This is an ordered list:
- First
- Second
- Third
This is an unordered list:
- First
- Second
- Third
Best way to use images is by wrapping them with the <figure> tag. This will add the animated caption, and the overlay effect.
In any case, images are always responsive:
From Wikipedia, the free encyclopedia
Pizza (Italian: [ˈpittsa], Neapolitan: [ˈpittsə]) is a savory dish of Italian origin,
consisting of a usually round, flattened base of leavened wheat-based dough topped with tomatoes, cheese,
and often various other ingredients (anchovies, olives, meat, etc.) baked at a high temperature,
traditionally in a wood-fired oven.[1] A small pizza is sometimes called a pizzetta.
Tables:
| Name | Description |
|---|---|
| Name 1 | Lorem ipsum dolor sit amet |
| Name 2 | consectetur adipisci elit |
| Name 3 | sed do eiusmod tempor incidunt |
| Name 4 | ut labore et dolore magna aliqua |
Forms: