When I use shadows, I do it with one of these purposes in mind. We can use elevation as a tool to direct attention. Our attention tends to be drawn to the elements closest to us, and so by elevating the dialog box, we make it more likely that the user focuses on it first. By using different shadows on the header and dialog box, we create the impression that the dialog box is closer to us than the header is. There's also a tactical benefit here as well. I want the applications I build to feel tactile and genuine, as if the browser is a window into a different world. Drag the "Reveal" slider to see what I mean: If we use shadows strategically, we can create the illusion of depth, as if different elements on the page are floating above the background at different levels. Shadows imply elevation, and bigger shadows imply more elevation. But first, I wanna take a step back and talk about why shadows exist in CSS, and how we can use them to maximum effect. We'll get to the fun CSS trickery soon, I promise. Link to this headingWhy even use shadows?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |