[ CSS3 ] 背景画像をウィンドウサイズに合わせてフルスクリーン表示する html{ min-height:100%; ←最低サイズを100%に設定 background-image:url(test.png); background-position:center; background-r… Yukimi Satoハック2014.05.26 1,208
「:focus」で入力エリアのon-offをCSSで制御する input[type=text]{ border:1px solid #cccccc; } input[type=text]:focus{ border:1px solid #000000; } <input ty… Yukimi Satoハック2014.05.20 273
CSS3:perspectiveを使って某映画風テキストスクロール サンプルはこちら。 See the Pen nFHzi by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSS3の「perspective」プロパティと「transform」… ゴトーハック2014.05.19 215
CSS3:CSSだけで簡易ストーリー表示 サンプルはこちら。 See the Pen gedLt by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンを押すことで連続してカットを表示させています。 HTML <… ゴトーハック2014.05.16 538
HTML5とCSS3のブラウザ別対応状況がわかるまとめ「HTML5 & CSS3 Support」 HTML5 & CSS3 Support http://fmbip.com/litmus/ CSS3の各セレクタ別に対応状況がまとめられており、特にIE対応の前には一度確認しておきたいページです。 Yukimi Satoハック2014.05.16 249
CSS3:CSSだけで作るドロワーメニューver2 サンプルはこちら。 See the Pen CSS only drawer menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 以前作ったものをソース的により合理的に、… ゴトーハック2014.05.14 920
CSS3:チェックボックスの状態で大きくデザインを変える サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/FAwcq See the Pen Power button by Kazuyoshi Goto (@KazuyoshiGoto)… ゴトーハック2014.05.13 741
CSS3:縦の棒グラフを作る サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/zAtvG See the Pen zAtvG by Kazuyoshi Goto (@KazuyoshiGoto) on Cod… ゴトーハック2014.05.12 2,967
CSS3:グリッド背景を作る サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/Gywcd CSS3のlinear-gradientの応用で背景をグリッド状にすることが可能です。IEも10以降(?)であれば対応… ゴトーハック2014.05.12 7,007