CSSのborder-radiusは実はすごかった！あまり知られていない機能を使用して、かっこいいレイアウトを作る方法
border-radiusプロパティは角丸を定義しますが、カードなどの矩形の角を丸くするために使用するだけでなく、さまざまな形を作成することができます。 矩形や角丸だけのレイアウトではなく、さまざまな形を使用できるスタイルシートのテクニックを紹介します。 CSS border-radius can do that? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの基礎知識 流れに逆らう（わないで） はじめに 今年開催されたFrontend Conferenceにて、Rachel AndrewはCSS Gridのレイアウトについて講演しました。中でも私が注目したのは、彼女の話の終わりにあったCSSの古いプロパティについてです。 イメージはborder-radiusプロパティを使用するだけで、用
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
https://codepen.io/stoumann/full/abZxoOM?__cf_chl_jschl_tk__=0e6e3f3b1905b07bb78d32fa4f79bc2b5d6f6578-1607305353-0-Ac279wWqPk0lbRDIguXSlM-0SHwCDpyRUtCxon24kgmF1UIuAWqjLWfNOR53gVTtmAAK1YpFQ3sqWOEUQyyVZrmMjhxl-mx3sgZQ8tU7V6uhmUXePJny28EBHdxzs1ONfrzFn8RrexvkZLcGDKUZ_ENQeSNAfoFhHdgH14uk_8qrwjDD-sInVjmHaa_jq-CLptdj51n-qWAyi8XLoWclm9wkWoaMyDUXuOa3UeqnR0p-xFyLJWWucyErHmc4csyOLdjRJEM75zbAPKjw6fqD5pivorFdiwV_PgPvJROoqRyv_witDcd3f04_heTyHcuwWfs6skvYiXFfUKhWNnrb5xtCuiwOmAgoxZgPrk7xGaq5TYkafz2y0aCJYJPEefcqKFOsNUJvlhWIAtFOQ4V8P4E
