ニッチな話題 note風スタイル第5弾!引用とコード note風デザインもそろそろ簡単な微調整です。 今回は引用文(blockquote)とコード(pre)のデザイン。 ビフォア・アフター 元のデザインに比べて、小さくグレー基調にしました。 以前は引用部分が... 2020.12.21 ニッチな話題ホームページ運用
ニッチな話題 note風スタイル第4弾!目次のデザイン 「note風スタイル」ということで、ブログのスタイルシートを編集しています。 今回は、目次について。 主な変更点は…… 文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加 noteの目次の特徴は、「控え... 2020.12.21 ニッチな話題ホームページ運用
ニッチな話題 タイトル見出しにアニメーションをつけてみた 【CSS animation】 タイトル見出しを大きく表示するようにしたので、アニメーションで表示するようにしてみました。 基本的なアニメーション部分の構造をみる 見出し全体のフェードインと、上下の線の伸びるエフェクトの2つが組み合わせています。 ... 2020.09.19 2020.11.09 ニッチな話題ホームページ運用