CSS & CSS3

download CSS & CSS3

If you can't read please download the document

Transcript of CSS & CSS3

CSS & CSS3

CSS & CSS3special thanks to Marek

Selectors

Margin, Border & Padding

Specificity

CSS Property Values

Inheritance

Using Child on LI

Remove bullet of list (LI)

Remove all bullets of list (LI)

Margins

Margin & Padding

Display & Visibility

Box Width

Display inline-block

Menu Class

Fonts

font-family

Text Shadow

nth-child()

z-index

Webkit-input-placeholder :required :valid :invalid

Table layout

Box Layout

Column-Count || Column-Gap

Multi-Image Background

Background sample

RGBA & HSLA

Use currentColor

Colors (HEX RGB HSL)

Resize

Rounded Corners

Rounded Corners (LI)

Rounded Corners (ALL ELEMENTS)

Complex Box Shadows

Complex Box Shadows || Results

Box-shadow sample 2

box-shadow || Glow effects

Rotate

Translate

Scale

Skew

KeyFrames

Key Frames sample 1

KeyFrames & Animations

Animations

animations Sample

Transitions

Transitions Animations

Transitions Hover

Media Queries

Media Queries Sample

Styles javascript

Modernizr

Media Query Browser Compatibility

CSS Cool Sites

Thanks