CSS & CSS3

50 %
50 %
Information about CSS & CSS3
Design

Published on February 20, 2014

Author: agni_agbc

Source: slideshare.net

Description

Design CSS & CSS3

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

Add a comment

Related presentations

Related pages

Cascading Style Sheets – Wikipedia

Cascading Style Sheets (englische Aussprache [kæsˌkeɪdɪŋˈstaɪlʃiːts]; für gestufte Gestaltungsbögen), kurz CSS genannt, ist eine Stylesheet ...
Read more

CSS3 lernen: Tutorial über die neuen Möglichkeiten mit CSS3

CSS3 bietet neue Möglichkeiten für Design von Websites und Handy-Apps. Schatten, Schriften, Animationen, transparente Bereiche u. neue Selektoren uvm.
Read more

CSS3 Introduction - W3Schools

CSS3 is the latest standard for CSS. CSS3 is completely backwards-compatible with earlier versions of CSS. This section teaches you about the new features ...
Read more

CSS3 . Info - All you ever needed to know about CSS3

The CSS Working Group has reached an impasse on the issue of percentage margins (and padding) in flex and grid layout, and needs your input to help decide it.
Read more

CSS Tutorial - W3 Schools - CSS

CSS tutorial with examples, quizzes, references, and an editor.
Read more

CSS lernen - Cascading Style Sheets für aktuelles Webdesign

CSS lernen - CSS ist für das Design von Websites zuständig Entstehung von CSS (Cascading Style Sheets) Das World Wide Web Konsortium (W3C) entwickelte ...
Read more

CSS 4 You - The Finest in Stylesheets

CSS 4 you - die deutsche Seite für Cascading Stylesheets (CSS) Dies ist eine nahezu komplette CSS-Referenz auf deutsch - ergänzt durch etliche Tipps ...
Read more

CSS3 – Wikipedia

CSS3 steht für: Cascading Style Sheets Level 3, eine deklarative Stylesheet-Sprache für strukturierte Dokumente; CSS-3 steht für: CSS-3, eine ...
Read more

CSS3 Generator - dein Weg, zu einem perfekten Design!

Der CCS3 Generator bietet sämtliche neue Funktionen aus CSS3, wodurch die neuen Möglichkeiten von Cascading Style Sheets getestet und ausgenutzt werden ...
Read more

CSS – SELFHTML-Wiki

CSS (Cascading Style Sheets, zu deutsch „Kaskadierende Stilvorlagen“) ist eine Formatierungssprache für HTML- und XML-Dokumente. Warum Sie Layouts mit ...
Read more