Menü Schließen

Some CSS3 Effects

Shadows

Draws a shadow of any HTML element.

The first is the shadow distance on the Y axis, the second on the X axis. The third value stands for the blurring of the shadow edges. The last value is the shadow color.

-webkit-box-shadow: 5px 5px 10px #000000;
-moz-box-shadow: 5px 5px 10px #000000;
box-shadow: 5px 5px 10px #000000;

It is recommended that all 3 lines are added, thus Webkit browsers, Gecko browsers, as well as browsers are covered that natively support the CSS3 standard.

Rounded Corners

Creates an HTML block with rounded corners.

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;

All 4 lines are required to support all browsers that do not support the latest CSS standard natively.

Ähnliche Beiträge

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert