CSS3 Pushing the Limits

Index

SYMBOLS AND NUMERICS

$ (dollar sign)

in attribute selectors, 13

Sass preprocessor, 298

& symbol, in selectors, 302

* (asterisk), in attribute selectors, 12

/ (forward slash), background properties, 52

@ sign, LESS preprocessor, 298

∧ (caret), in attribute selectors, 12

~ (tilde character), in attribute selectors, 13

2D transforms

browser support, 102

combining, 100–101

further reading, 102

lightbox tutorial, 325

overview, 89

rotate() function, 94–96

scale() function, 96–98

scattered image gallery, 129–133

skew() function, 93–94

transform property overview, 89–90

transform-origin property, 99–100

transitions, combining with, 120–129

translate() function, 90–92

3D image carousel tutorial

establishing 3D formatting context, 335

finishing touches, 340–342

making carousel functional, 339–340

markup for, 334–335

overview, 334

positioning images, 335–339

3D text, 42–43

3D transforms

backface-visibility property, 145–148

browser support, 159–160

cube, animating with transitions, 157–159

cube, creating, 154–157

further reading, 160

nested elements, applying 3D transformations to, 142–144

overview, 135–136

perspective property, 137–140

perspective-origin property, 141–142

rotation, 136–137, 149–151

scaleZ() function, 153–154

transform property, 148–149

translate3d() function, 151–153

A

a /attr/ b reference combinator, 349

a! span selector, 349

a tags, 323, 324, 326

absolute positioning

3D carousel tutorial, 335–336

tabbed content tutorial, 316–317

adaptable grids, 238–241

adjacent ...