イラストレーターで立方体の角を丸くする作り方です。 今回は立方体の応用編です。立方体の角に丸みをつけて、積み木やサイコロのような形にします。角に丸みがあると色の付け具合で、とてもかわいい素材になります。 立方体の作り方は以前紹介した、立方体、直方体の作り方(イラストレーター)を参考にします。作り方は簡単ですが、まだ、立方体の作り方をチャレンジしてない方は、まず立方体を作くってみてください。
![角が丸い立方体の作り方(イラストレーター)](https://cdn-ak-scissors.b.st-hatena.com/image/square/03925fc497b65e1acd51567488fde395eb28fdb2/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttp%2Fdesigners-tips.com%2Fwp-content%2Fuploads%2F2019%2F09%2Fcube61.jpg)
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く