カードっぽいデザインの中に写真置いてどちらも角丸したいときとか、これやればよかったのか。面倒で数値的に考えてなかったけど、こんなシンプルだったのかー。考えてみればそうだよなー。

osiro2 のブックマーク 2023/08/29 01:56

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4741382004939548719/comment/osiro2" data-user-id="osiro2" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/inner-radius-design-tip-with-css.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/inner-radius-design-tip-with-css.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Finner-radius-design-tip-with-css.html" data-user-icon="/users/osiro2/profile.png">CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装</a><br><p style="clear: left">カードっぽいデザインの中に写真置いてどちらも角丸したいときとか、これやればよかったのか。面倒で数値的に考えてなかったけど、こんなシンプルだったのかー。考えてみればそうだよなー。</p><a class="datetime" href="https://b.hatena.ne.jp/osiro2/20230829#bookmark-4741382004939548719"><span class="datetime-body">2023/08/29 01:56</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

coliss.com2023/08/28

カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見え...

259 人がブックマーク・18 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

はてなブックマーク

公式Twitter

はてなのサービス