css 实现css drop-shadows.css

Posted 2021-05-13

/* 1db */
box-shadow: 1.5px 2.598px 4.7px 0.3px rgba(0, 0, 0, 0.24), 1px 1.732px 5.88px 0.12px rgba(0, 0, 0, 0.16);

/* 2db */
box-shadow: 1.5px 2.598px 4.7px 0.3px rgba(0, 0, 0, 0.24), 0.5px 0.866px 6.86px 0.14px rgba(0, 0, 0, 0.16);

/* 3db */
box-shadow: 2.5px 4.33px 6.58px 0.42px rgba(0, 0, 0, 0.24), 1px 1.732px 9.8px 0.2px rgba(0, 0, 0, 0.16);

/* 4db */
box-shadow: 3.5px 6.062px 9.4px 0.6px rgba(0, 0, 0, 0.24), 1.5px 2.598px 12.74px 0.26px rgba(0, 0, 0, 0.16);

/* 6db */
box-shadow: 5px 8.66px 14.1px 0.9px rgba(0, 0, 0, 0.24), 2px 3.464px 19.6px 0.4px rgba(0, 0, 0, 0.16);

/* 8db */
box-shadow: 6.5px 11.258px 18.8px 1.2px rgba(0, 0, 0, 0.24), 2.5px 4.33px 26.46px 0.54px rgba(0, 0, 0, 0.16);

/* 9db */
box-shadow: 9px 15.588px 25.38px 1.62px rgba(0, 0, 0, 0.24), 4.5px 7.794px 35.28px 0.72px rgba(0, 0, 0, 0.16);

/* 12dp */
box-shadow: 10px 17.321px 28.2px 1.8px rgba(0, 0, 0, 0.24), 4px 6.928px 40.18px 0.82px rgba(0, 0, 0, 0.16);

/* 16dp */
box-shadow: 14px 24.249px 37.6px 2.4px rgba(0, 0, 0, 0.24), 5.5px 9.526px 51.94px 1.06px rgba(0, 0, 0, 0.16);

/* 24dp */
box-shadow: 19.5px 33.775px 56.4px 3.6px rgba(0, 0, 0, 0.24), 7.5px 12.99px 79.38px 1.62px rgba(0, 0, 0, 0.16);