CSS3
CSS3：背景色アニメーション
See the Pen GgmbBv by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでbodyタグの背景色をアニメーションでじんわり変化させています。 サンプルは…CSS3：n番目の要素を指定するセレクタ
p:nth-of-type(2) { color: #f00; } 「:nth-of-type()」を利用します。 上記の指定に対して下記HTMLのような状態になります。 <p>対象外</p> &…CSS3の「appearance」でselect要素のアイコンを消す
下記のように記述することでセレクトボックスで表示される三角アイコンが消えます。 Firefoxのみ上三行では消せないため下二行を追加します。 select { -webkit-appearance: none; -moz…CSS3：ローディングアイコンとCSSアニメーションの考え方
See the Pen CSS only indicator by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. こちらのローディングアイコンはCSSのみで表現しています。 明滅…CSS3：CSSだけでテキストグラデーションを作る
See the Pen CSS Only text gradation by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでテキストグラデーションを行う例です。 CS…CSS3：CSSのみでのアコーディオン表現
See the Pen CSS only accordion by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 実はそんなに難しいことしてません。 <div class=…CSS3：iOSのSafariのセレクトメニューをCSSで加工する
iOSのSafariでselectタグを使って出すセレクトメニューには、直接CSSが効きません。 なので、根本的に一回セレクトメニュー以外のものに定義してしまいます。 select { -webkit-appearanc…