Weitere ähnliche Inhalte
Ähnlich wie SwapSkills css3 (20)
Mehr von Satoshi Kikuchi (16)
Kürzlich hochgeladen (20)
SwapSkills css3
- 19. Ie6/7
Takashi Kikuchi
- 20. 18inch
Webkit
User
ZOOM
Mobile TV Agent
iiXGA Gecko
DSi
Trident
42inch iPh
Takashi Kikuchi
- 28. Content=” ”
Presentation=”CSS”
Client-side scripting=”JavaScript”
A List Apart:
http://www.alistapart.com/articles/understandingprogressiveenhancement/
Takashi Kikuchi
- 39. a[href$=quot;.pdfquot;]{
padding-right: 20px;
background: transparent
url(pdf.png) no-repeat 100% 50%;
}
a[href^=quot;mailto:quot;]{
padding-right: 20px;
background: transparent
url(email.png) no-repeat 100% 50%;
}
Takashi Kikuchi
- 43. <table>
<tr class=”odd”> </tr>
<tr class=”even”> </tr>
<tr class=”odd”> </tr>
<tr class=”even”> </tr>
</table>
Takashi Kikuchi
- 53. Border-Radius
• border
•
• -moz-border-radius-topleft
• (-webkit-)border-top-left-radius
- 67. SVG
‣
‣
‣
‣ native
‣
‣ CSS
Takashi Kikuchi
- 69. Gradient
‣
‣ -webkit-box-reflect
‣
‣ webkit-mask
‣ Mozilla with SVG
‣
‣ -webkit-gradient
‣ Opera SVG
Takashi Kikuchi
- 73. Transform-
origin
• tnransform-origin
• 50% 50%
Takashi Kikuchi
- 79. Animation
‣
‣ -webkit-box-reflect
‣
‣ webkit-mask
‣ Mozilla with SVG
‣
‣ -webkit-gradient
‣ Opera SVG
Takashi Kikuchi
- 82. CSS3
‣ :
‣-webkit-, -moz-, -ms-,-o-,
‣ web :
CSS
‣
Takashi Kikuchi