Join Paul Trani for an in-depth discussion in this video Adding advanced CSS properties, part of Dreamweaver: Creative Cloud Updates.
The CSS Designer panel also allows you to design for the modern web by giving you …access to some more Advanced CSS features. …I'll show you what I mean, in fact for this page I wanna add just a nice gradient. …And, that's not gonna require an image, putting that in the background, cuz I can …do that in CSS. So let's take a look, as I select a style …tag, I can go to body. I can select that, and you will notice a …lot of those properties I just mentioned. Whether it's Text shadow, Border radius, …you'll start to see some of them. But I'm gonna go down to Background …image, going beyond an image and I'm gonna Add a Gradient.…
So from here, notice how I get, these color stops that I can manipulate, I can …manipulate the angle. I can change this second color stop just …to be a medium gray, kind of like that. And then I'm gonna hit Enter and it …applied it. You might not see it yet, because I need …to select Live View. But I also get these little warnings. …This information that says Gradient control syntax's that are not supported …
Note: Adobe Creative Cloud is updated on a regular basis. We will add more tutorials as features are added or changed, so check back often.
- Getting used to the new interface
- Syncing your settings
- Implementing media queries with CSS Designer
- Working with the Fluid Grid layout updates
- Adding HTML5 audio and video