0px

#ff0000

#ffffff

#000000

Vnější
Vnitřní

px
px
px
px
-webkit-box-shadow: 7px 7px 5px 0px rgba( 50, 50, 50, 0.75 );
-moz-box-shadow: 7px 7px 5px 0px rgba( 50, 50, 50, 0.75 );
box-shadow: 7px 7px 5px 0px rgba( 50, 50, 50, 0.75 );

#ff0000

#ffffff

Text

#000000

px
px
px
text-shadow: 4px 4px 2px rgba( 50, 50, 50, 0.75 );

#ff0000

#ffffff

px
px
px
px
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;

#ffffff

#ff0000

#0000ff

Horizontální
Vertikální
Kruhový
deg
background: -webkit-linear-gradient( 0deg, #ff0000, #0000ff);
background: -moz-linear-gradient( 0deg, #ff0000, #0000ff); background: -o-linear-gradient( 0deg, #ff0000, #0000ff);
background: linear-gradient( 0deg, #ff0000, #0000ff);
background: -webkit-radial-gradient( #ff0000, #0000ff);
background: radial-gradient( #ff0000, #0000ff);

#ff0000

#ffffff

deg
osa-x

osa-y
osa-x
deg

osa-y
deg
osa-x
px

osa-y
px
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);

-webkit-transform: scale(1, 1);

-moz-transform: scale(1, 1);

-ms-transform: scale(1, 1);

-o-transform: scale(1, 1);

transform: scale(1, 1);


-webkit-transform: skew(0deg, 0deg);

-moz-transform: skew(0deg, 0deg);

-ms-transform: skew(0deg, 0deg);

-o-transform: skew(0deg, 0deg);

transform: skew(0deg, 0deg);


-webkit-transform: translate(0px, 0px);

-moz-transform: translate(0px, 0px);

-ms-transform: translate(0px, 0px);

-o-transform: translate(0px, 0px);

transform: translate(0px, 0px);

#ff0000

#ffffff

#000000

px

outline: 1px solid #000000;

Novinky

4. prosinec 2016

Přidán překlad do angličtiny

Ovládání aplikace

Aplikace se skládá z náhledového okna, panelu nastavení a samotného zobrazení kódu.

Náhledové okno

V tomto okně se zobrazuje grafický náhled změn, které provádíte v panelu nastavení.

Změny provedené v boxech v tomto okně jako barva, barva pozadí atd. se ve výsledném kódu neprojeví. Jsou jen ilustrační.

Panel nastavení

Obsahuje jednotlivá nastavení. Nastavení lze provádět pomocí posuvník, nebo napsáním hodnoty do políčka.

Tyto nastavení se ve výsledném kódu již projeví

Zobrazení kódu

Výsledný kód můžete zkopírovat do vlastního css souboru.

Napište nám

Máte nějaký dotaz nebo připomínku, co by se mohlo zlepšit?

Napište nám : info@css3generator.eu