エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
box-shadowの insetによるグラデーション - Blog - Gertrud
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
box-shadowの insetによるグラデーション - Blog - Gertrud
前回、-moz-linear-gradientの紹介をしたのですが、そもそも BOX内の境界辺りのグラデーションならば bo... 前回、-moz-linear-gradientの紹介をしたのですが、そもそも BOX内の境界辺りのグラデーションならば box-shadowを inset付きで使ったほうがいいということに -moz-box-shadow "inset" CSS testを見て気付き、さっそく実装してみました。 -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1), inset 0 20px 30px -15px rgba(0,0,0,0.15), inset 0 -40px 50px -35px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1), inset 0 20px 30px -15px rgba(0,0,0,0.15), inset 0 -40px 50px