1.blog-shadow-dreamy {
2 box-shadow: 0 1px 2px rgba(0,0,0,0.07),
3 0 2px 4px rgba(0,0,0,0.07),
4 0 4px 8px rgba(0,0,0,0.07),
5 0 8px 16px rgba(0,0,0,0.07),
6 0 16px 32px rgba(0,0,0,0.07),
7 0 32px 64px rgba(0,0,0,0.07);
8}
9
1/*Super smooth shadow*/
2box-shadow:
3 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
4 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
5 0 12.5px 10px rgba(0, 0, 0, 0.06),
6 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
7 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
8 0 100px 80px rgba(0, 0, 0, 0.12)
1/* Default box-shadow */
2.box {
3 box-shadow: 0 3px 3px rgba(0,0,0,0.2);
4}
5
6/* Create smoother box-shadows by layering multiple
7 * shadows with gradually increasing radius and offset */
8.shadow-5 {
9 box-shadow: 0 1px 1px rgba(0,0,0,0.12),
10 0 2px 2px rgba(0,0,0,0.12),
11 0 4px 4px rgba(0,0,0,0.12),
12 0 8px 8px rgba(0,0,0,0.12),
13 0 16px 16px rgba(0,0,0,0.12);
14}
15