Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
CSS3 Magic
Bermon Painter
March 10, 2012
Programming
6
700
CSS3 Magic
A quick rundown of some of the new features in CSS3. Notes here:
https://gist.github.com/2011288
Bermon Painter
March 10, 2012
Tweet
Share
More Decks by Bermon Painter
See All by Bermon Painter
bermonpainter
0
17
bermonpainter
0
94
bermonpainter
0
85
bermonpainter
2
110
bermonpainter
0
170
bermonpainter
0
96
bermonpainter
2
330
bermonpainter
0
150
bermonpainter
3
1.6k
Other Decks in Programming
See All in Programming
tourismgeek
1
130
grapecity_dev
0
170
amaotone
15
7.8k
yoshinoriiiii
0
110
christianliebel
PRO
0
130
nearmugi
0
140
saten
1
170
danilop
0
220
ryokbt
2
270
lovee
2
130
grapecity_dev
0
160
inoue2002
2
130
Featured
See All Featured
3n
163
22k
destraynor
223
47k
hannesfritz
28
950
mza
80
4.1k
marktimemedia
7
390
lauravandoore
11
1.5k
jcasabona
8
550
samlambert
237
10k
mongodb
23
3.9k
thoeni
4
590
keathley
20
700
62gerente
587
200k
Transcript
CSS3 MAgic Saturday, March 10, 12
GRaceful degradation Saturday, March 10, 12
Progressive enhancement Saturday, March 10, 12
1. Content Saturday, March 10, 12
2. Presentation Saturday, March 10, 12
3. INTERACTIONS Saturday, March 10, 12
New Selectors Saturday, March 10, 12
Sibling Selector h1 ~ p Saturday, March 10, 12
Attribute Selector img[src^=icon] Saturday, March 10, 12
Attribute Selector img[src$=png] Saturday, March 10, 12
Attribute Selector img[src*=document] Saturday, March 10, 12
Psuedo Classes div:empty Saturday, March 10, 12
Psuedo Classes :enabled, :disabled, :checked Saturday, March 10, 12
Psuedo Classes p:first-of-type Saturday, March 10, 12
Psuedo Classes li:last-child Saturday, March 10, 12
Psuedo Classes strong *:not(span) Saturday, March 10, 12
Psuedo Classes :nth-child(3n) Saturday, March 10, 12
Psuedo Classes p:nth-of-type(3n) Saturday, March 10, 12
Psuedo Classes p:nth-last-child() Saturday, March 10, 12
Psuedo Classes p:nth-last-of-type() Saturday, March 10, 12
Psuedo Classes p:only-child Saturday, March 10, 12
Psuedo Classes p:only-of-type Saturday, March 10, 12
Psuedo Classes ::selection Saturday, March 10, 12
Psuedo Classes :target Saturday, March 10, 12
New CSS3 Declarations Saturday, March 10, 12
Declarations background-clip Saturday, March 10, 12
Declarations background-size Saturday, March 10, 12
Declarations background-image (multiples) Saturday, March 10, 12
Declarations border-radius Saturday, March 10, 12
Declarations box-shadow Saturday, March 10, 12
Declarations columns & grids Saturday, March 10, 12
Declarations opacity Saturday, March 10, 12
Declarations resize Saturday, March 10, 12
Declarations text-overflow Saturday, March 10, 12
Declarations text-shadow Saturday, March 10, 12
EXAMPLES https://gist.github.com/2011288 Saturday, March 10, 12