Knowing how to use the box-shadow property is one thing. Using it in ways that actually make your designs better is a completely different story! This video is all about how to use CSS box shadows in ways that enhance your designs.
First I look at the very basics, which is pretty much to make them really subtle. If you think that it's too subtle, you've probably nailed it.
Second I look at how the size of the blur can affect a users perception of height, or how far off the element is from what is below it.
CodePen 1: codepen.io/kevinpowell/pen/qo...
CodePen 2: codepen.io/kevinpowell/pen/NY...
CodePen 3: codepen.io/kevinpowell/pen/JL...
link to material design
Much of this was inspired by the material design documentation: material.io/guidelines/materi...
---
I have a newsletter! www.kevinpowell.co/newsletter
New to Sass, or want to step up your game with it? I've got a course just for you: www.kevinpowell.co/learn-sass
---
My Code Editor: VS Code - code.visualstudio.com/
How my browser refreshes when I save: • How to automatically r...
---
Support me on Patreon: / kevinpowell
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my RU-vid channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
10 апр 2018
