Lynda HTML5 For Flash Developers

So although it's not actually part of the HTML5 specification, the new enhancements in CSS3

are very important to understand when you're looking to create interactive content, because

there are a lot of new features that will allow you to do things, again, traditionally

that you have had to use Flash to do.

So in this movie, I'm just walk through some of the new features that are available in CSS3.

So first when it comes to filling things with backgrounds, we can now use gradients to do

that and here is an example of a Linear Gradient.

If we come down we can see we can change the direction of those gradients; we can do multiple

stops in that gradient, we can also do Radial Gradients, and we've full control over all

the properties, for how we want gradients to look.

Now another important thing is particularly suited for responsive web design and that

is essentially changing the way content looks and is laid out on different screen resolutions,

which is particularly important for mobile devices.

And with CSS3, we now have the ability to respond to that using what's called media queries.

If I start to actually minimize the Browser window, we can see that once we get to a certain

part it actually changes the layout and changes its size.

And if I continue to bring that down, we can see it gets smaller and smaller and this is

how it would actually look on a mobile phone.

We can see things have now readjusted nicely, so that things will look correct and laid

out properly on whatever device this site is run on.

So another nice designer feature in CSS3 is the ability to create drop shadows and

we can see here some various effects being done with that feature.

Now we can apply shadows to any type of element, whether it be text, or to divs, or to images.

And this is really important because, again, used to have to bake in shadows into, lets