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