要素に影を落とすためのbox-shadowを確認するためのジェネレーターです。 各種プロパティなどページ下部に詳しい説明を書いてあります。 filter関数のdrop-shadowやReact Nativeのshadowのジェネレーターは別ページになります。 /* preview */ width: 200px; height: 60px; background-color: #3cb371; /* border-radius */ border-radius: 30px; /* box-shadow */ box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
![box-shadowのジェネレーターとプロパティについて | bad-company](https://cdn-ak-scissors.b.st-hatena.com/image/square/b809769b712258bdbf3873ceb255c98138fd5b75/height=288;version=1;width=512/https%3A%2F%2Fwww.bad-company.jp%2Fassets%2Fimg%2Fogp-box-shadow.png)