CSS3视频详解新增属性及相关用法

在CSS3 info上看到这篇文章,很有用,拿来分享给各位国内的同学。

这是一份近乎完整的CSS3新增属性教学,视频是作者手把手教你如何使用CSS3这把利器。希望看完这些视频教学后你的CSS3水平有相当的提高。另外,如果你还有CSS3方面不懂得额地方,可以参看的CSS3详解,希望对你有帮助。

Borders

  • Border Radius: Part 1 (5:46)
  • Border Radius: Part 2 (6:01)
  • Border Image: Part 1 (6:13)
  • Border Image: Part 2 (4:25)
  • Basic Box Shadows (5:52)
  • Advanced Box Shadows (5:19)

Gradients

  • Linear Gradients in WebKit (5:51)
  • Linear Gradients in Firefox (2:33)
  • Radial Gradients in WebKit (4:58)
  • Radial Gradients in Firefox (3:46)
  • Additional Syntax (4:56)

Animation

  • Transitions: Part 1 (5:54)
  • Transitions: Part 2 (6:28)
  • 2D Transforms: Part 1 (5:30)
  • 2D Transforms: Part 2 (5:25)
  • 3D Transforms: Part 1 (5:58)
  • 3D Transforms: Part 2 (6:04)
  • Animations: Part 1 (7:46)
  • Animations: Part 2 (7:34)
  • Project: Part 1 (6:45)
  • Project: Part 2 (6:32)

Typography

  • Text Shadows (6:49)
  • Text Stroke (6:40)
  • Reflections: Part 1 (5:02)
  • Reflections: Part 2 (4:37)
  • Overflow and Wrapping (4:47)
  • Columns: Part 1 (4:27)
  • Columns: Part 2 (5:03)
  • @font-face: Part 1 (6:29)
  • @font-face: Part 2 (6:49)
  • Font Services: Part 1 (4:40)
  • Font Services: Part 2 (5:20)
  • Project: Part 1 (5:38)
  • Project: Part 2 (5:30)
  • Project: Part 3 (6:27)
  • Project: Part 4 (9:35)

Media Queries

  • Introduction (5:08)
  • Basic Syntax (7:56)
  • width and height (5:59)
  • device-width and device-height (5:51)
  • orientation, aspect-ratio, and device-aspect-ratio (5:37)

Selectors

  • Attribute Selectors (5:51)
  • Pseudo-Classes: Part 1 (4:52)
  • Pseudo-Classes: Part 2 (4:35)
  • Pseudo-Classes: Part 3 (6:50)
  • More Selectors (7:49)

Backgrounds

  • Multiple Backgrounds: Part 1 (7:47)
  • Multiple Backgrounds: Part 2 (7:03)
  • Background Sizing: Part 1 (5:38)
  • Background Sizing: Part 2 (5:38)
  • Origin and Clip (6:29)

转载请注明:代码家园 » CSS3视频详解新增属性及相关用法

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)