1. 円形アバターとは？ アバター画像の円形切り抜きとは、人物やアイコンなどの画像を丸く表示するUI技法です。SNSやプロフィール画面などでよく使われます。 .avatar { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } 3. border-radius: 50% のしくみ border-radius ...

サンプルのマークアップは全体を囲むdivひとつとul 要素のみ。マークアップは【2-1】のようになる。 これまでの角丸の実装は複雑なマークアップが必要だったが、border-radiusを使用することによって不必要なdivを追加することなくスマートに実装できること ...

職業柄いろんな会社のお問い合わせフォームが木になってしまうEASYです～ 「サイトのお問い合わせフォーム、なんだか素っ気なくて入力しにくい…」 「モダンなサイトでよく見る、クリックするとラベルが動くお洒落なフォームを作りたい！」 そんな ...