WordPressで、Crayon Syntax Highlighterを使用せずにPHPコードを画面に表示する
WordPressサイトが最近、激重になってきたので、テコ入れ。 とりあえず、ま... Read moreWordPressで、Crayon Syntax Highlighterを使用せずにPHPコードを画面に表示する
Category: CSS
CSSのcontentでのcounter表記（自動カウント）を、ローマ字やひらがなにする方法。ついでにドットをつける【counter-increment】
cssで「content」プロパティにcounter()を使用すると、指定の要素... Read moreCSSのcontentでのcounter表記（自動カウント）を、ローマ字やひらがなにする方法。ついでにドットをつける【counter-increment】
CSSのcontentに文字列を設定時に、改行を入れるには
contentでの改行は「\A」。 ※「white-space: ... Read moreCSSのcontentに文字列を設定時に、改行を入れるには
【css】スマホで入力項目（inputやtextarea）をフォーカスすると、入力フォームが自動で拡大する
スマホから、inputやtextareaの入力項目に入力しようとタップすると、領... Read more【css】スマホで入力項目（inputやtextarea）をフォーカスすると、入力フォームが自動で拡大する
【CSS】Animationで "display:none" が効かない時は、opacityと「visibility:hidden;」を併用して使う！
CSS Animation では「display:none」が効かないから、op... Read more【CSS】Animationで "display:none" が効かない時は、opacityと「visibility:hidden;」を併用して使う！
【CSS】タイトルをバウンドして表示するアニメーション
バウンドするのは、タイミング。 （位置じゃない） びよんびよーんっていう風に表示... Read more【CSS】タイトルをバウンドして表示するアニメーション
【CSS】linear-gradientでtransparentを使って透過させると、iPhoneで黒くなって汚い（iOS・safari対策）
画像要素の上に、背景をlinear-gradientでグラデーションした別要素を... Read more【CSS】linear-gradientでtransparentを使って透過させると、iPhoneで黒くなって汚い（iOS・safari対策）
【CSS】要素を上下左右の中央に配置する【超簡単】
上下左右の中央に配置する決定版。 たった３行だけ。 IE11以降なら動く。 &n... Read more【CSS】要素を上下左右の中央に配置する【超簡単】
【CSS】animationのkeyframesを、初回だけ途中から再生する方法【ループ時】
animation の delayに負の値を設定する。 【具体例】... Read more【CSS】animationのkeyframesを、初回だけ途中から再生する方法【ループ時】
CSS keyframes animation でアニメーションを複数指定する場合は、bothに注意！
CSSでkeyframesアニメーションを複数設定しようとしたら、動かなかった。... Read moreCSS keyframes animation でアニメーションを複数指定する場合は、bothに注意！