CSS_sheet

cards

Upscale sales
No items found.
No items found.

CSS_shMaeet

Upscale sales

Upscale sales

Upscale sales

Marquee text

1. Text styling

1.1 Font types

This is a taglineThis is a taglineThis is a taglineThis is a taglineThis is a taglineThis is a tagline.

Heading

Heading

Heading

Heading

Heading

Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph

This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote This is a quote

Heading

1.2 Font color

Basic

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

System

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

Special

All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)All paragraphs (no class)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Head ing

1.3 Font sizing

Px

Font-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-small

Font-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-small

Font-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-smallFont-size-small

font-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-bigfont-size-big

Ch

font-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-chfont-max-50-ch

font-max-25-chfont-max-25-chfont-max-25-chfont-max-25-chfont-max-25-chfont-max-25-chfont-max-25-chfont-max-25-ch

1.4 alignment

Breaking:no wrapBreaking:no wrapBreaking:no wrapBreaking:no wrap Breaking:no wra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading

<style>
.outline-white {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #ffffff;
</style>

<style>
.outline-black {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #000000;
</style>

<style>
.outline-misc {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #??????;
</style>

Text shadow

2. buttons

<button>

Tickets kopen Meer over

Special buttons

gallery

gallery

3. bg colors

Base

System

Special

4. card

5. filters

6. form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

misc

spacing

Size

seperators

Je kunt hier de dikte van se seperators aanpassen.

voeg een seperator toe, deze heeft geen bg. De breedte gebruik je de wid30, 50 of 100. de kleur doe je met bg-color. wil je een overlopende seperator? gebruik dan een achtergrond die radial is en de zijkanten transparant maken.

Structuur

Je kunt hier de basisstructuur van de website aanpassen.

Standaardformaat zit er nu in. Gebruik X-Ray mode om te zien.

Measurements

Flexbox

Vertical

Horizon

Position

Shadow

Opacity

Responsive