HTML/CSS– category –
-
英字に関連するCSS
最初の文字のみ大文字にする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. クリックした画像が拡大するモーダルウィンドウ モーダ... -
ボタン
作りたいもの① グラデーションのボタン See the Pen ボタン（buttonタグとaタグ） by Mocha (@tomokoro) on CodePen. HTML <div class="btn"> <butt... -
文字参照
文字参照の種類 名前付き文字参照（よく使うもの） 半角スペース ＆&<<>> 文字参照の仕組み タグを「テキスト」として書きたい～... -
サムネイルをクリックすると画像が切り替わる
作りたいもの サムネイルをクリックするとメイン画像が切り替わるようにしたい See the Pen Untitled by Tomo56 (@tomokoro) on CodePen. HTML <div class="con... -
トップに戻るボタン(jQuery使用)
作りたいもの スクロールしたらふわっと現れて、押すとトップ（上）に戻るボタン See the Pen Untitled by Tomo56 (@tomokoro) on CodePen. HTML <body> <div ... -
アコーディオンメニュー
jQuery使用 See the Pen Untitled by Tomo56 (@tomokoro) on CodePen. JavaScript使用 See the Pen Untitled by Tomo56 (@tomokoro) on CodePen.
12