CSS & CSS3
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