CSS3視頻詳解新增屬性及相關用法
技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統(tǒng)/軟硬件疑難技術問題】
在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)