HTML/CSS– category –

LPでよく見るぽよぽよ動くボタンです！ See the Pen LPなどでよくあるボタン by Tomoka (@tomokoro) on CodePen.

プレイスホルダーについてMDNでは以下のように書かれています。 プレイスホルダー文字列はふつう、どのような入力が正しいかという例を示すものであり、実際の入力では...

作りたいイメージ HTML <div class="c-card01"> <a href="#" class="c-card01__link"> <picture class="c-card01__...

つくりたいもの See the Pen グラデーションのタイトル by Tomoka (@tomokoro) on CodePen. グラデーションの文字！ THML <div class="wrap"> <h2 c...

https://qiita.com/tomo-ka/items/450b6cf6f8b9ae213feb ↑この時の実装で、不揃いの画像ギャラリーのコーディングに少し自信がついたかも、、。 他にもギャラリーを実装...

最初の文字のみ大文字にするCSS .title { text-transform:capitalize; } すべてを大文字にするCSS .title { text-transform: uppercase; }

作りたいもの くるくる回るアニメーションとLoading...の文字 See the Pen Untitled by Mocha (@tomokoro) on CodePen. ※loaderについてはこちらのサイトから拝借しまし...

作りたいもの See the Pen Untitled by Mocha (@tomokoro) on CodePen.

お問い合わせフォームでよく使われる、セレクトメニュー。 セレクトメニューの枠線、矢印マークのカスタマイズです。 作りたいもの See the Pen Untitled by Mocha (@to...

モーダルウィンドウ実装のまとめです。 作りたいもの See the Pen Untitled by Tomoka (@tomokoro) on CodePen. クリックした画像が拡大するモーダルウィンドウ モーダ...