CONTENIDO: INTRODUCING CSS3
What CSS3 Is and How It Came to Be
Let’s Get Started: Introducing the Syntax
Getting Started
MEDIA QUERIES
The Advantages of Media Queries
Syntax
Media Features
Media Queries: Browser Support
SELECTORS
Attribute Selectors
New Attribute Selectors in CSS3
The General Sibling Combinator
Selectors: Browser Support
PSEUDO-CLASSES AND PSEUDO-ELEMENTS
Structural Pseudo-classes
Other Pseudo-classes
Pseudo-elements
DOM and Attribute Selectors: Browser Support
WEB FONTS
The @font-face Rule
A “Bulletproof” @font-face Syntax
Licensing Fonts for Web Use
A Real-World Web Fonts Example
More Font Properties
OpenType Features
Web Fonts: Browser Support
TEXT EFFECTS AND TYPOGRAPHIC STYLES
Understanding Axes and Coordinates
Applying Dimensional Effects: text-shadow
Adding Definition to Text: text-outline and text-stroke
More Text Properties
Text Effects: Browser Support
MULTIPLE COLUMNS
Column Layout Methods
Column Gaps and Rules
Containing Elements within Columns
Multiple Columns: Browser Support
BACKGROUND IMAGES AND OTHER DECORATIVE PROPERTIES
Background Images
Image Masks
Background Images: Browser Support
BORDER AND BOX EFFECTS
Giving Your Borders Rounded Corners
Using Images for Borders
Multicolored Borders
Adding Drop Shadows
Border and Box Effects: Browser Support
COLOR AND OPACITY
Setting Transparency with the opacity Property
New and Extended Color Values
Matching the Operating System’s Appearance
Color and Opacity: Browser Support
GRADIENTS
Linear Gradients
Radial Gradients
Multiple Gradients
Repeating Gradients in Firefox
Gradients: Browser Support
2D TRANSFORMATIONS
The transform Property
Rotate
Translate
Skew
Scale
Multiple Transformations
Transforming Elements with Matrices
Reflections with WebKit
D Transformations: Browser Support
TRANSITIONS AND ANIMATIONS
Transitions
More Complex Animations
Transitions and Animations: Browser Support 3D TRANSFORMATIONS
3D Elements in CSS
Transform Style
The Transformation Functions
The perspective and perspective-origin Properties
The Transformation Origin
Showing or Hiding the Backface
3D Transformations: Browser Support
FLEXIBLE BOX LAYOUT
Triggering the Flexible Box Layout
Making the Boxes Flexible
Grouping Flexible Boxes
Changing Orientation
Changing the Order of Flexible Boxes
Alignment
Same-Axis Alignment
Multiple Rows or Columns
Cross-Browser Flex Box with JavaScript
Stop the Presses: New Syntax
Flexible Box Layout: Browser Support
TEMPLATE LAYOUT
Setting Up the JavaScript
Using position and display to Create Rows
Multiple Rows
Slots and the ::slot() Pseudo-element
Creating Empty Slots
Setting Height and Width on Rows and Columns
Default Content: The @ Sign
Template Layout: Browser Support
THE FUTURE OF CSS
Mathematical Operations
The Grid Positioning Module
Extending the Possibilities of Images
Grouping Selectors
Constants and Variables
WebKit CSS Extensions
Haptic Feedback
Future CSS: Browser Support
CSS3 SUPPORT IN CURRENT MAJOR BROWSERS
Media Queries (Chapter 2)
Selectors (Chapter 3)
Pseudo-classes and Pseudo-elements (Chapter 4)
Web Fonts (Chapter 5)
Text Effects and Typographic Styles (Chapter 6)
Multiple Columns (Chapter 7)
Background Images and Other Decorative Properties (Chapter 8)
Border and Box Effects (Chapter 9)
Color and Opacity (Chapter 0)
Gradients (Chapter )
2D Transformations (Chapter 2)
Transitions and Animations (Chapter 3)
3D Transformations (Chapter 4)
Flexible Box Layout (Chapter 5)
Template Layout (Chapter 6)
The Future of CSS (Chapter 7)
ONLINE RESOURCES
CSS Modules
Browsers
Browser Support
Feature Detection and Simulation
Code-Generation Tools
Web Fonts
Other Resources
Index
