We already added some styles to our enterprise application using CSS in Chapter 3, The App: Structure and Semantics, but we have not introduced the properties that make CSS3 a game changer. In this chapter, we will run through some useful CSS3 properties and practical implementations for our application explaining the scope of them in any web application.
Each example will feature support (and fallback when it is needed) for the most popular web browsers in the market.
The main topics covered in this chapter are as follows:
Back to the browsers' babel tower
CSS Magic: Adding more styles to MovieNow (rounded corners, color, gradients, box shadows, text shadows)
Movies and styles (transitions and animations)
Choosing between transitions and animations
Using media queries
Applying CSS3 selectors