CSS3(126)

126follower
goto_jp さんのアバター 670views

CSS3:transitionでアニメーション効果を出す

CSS3で「transition」が加わったおかげで、簡易的なアニメーションがCSSのみで出来るようになりました。 a .box { background: #ff6666; transition: 0.3s ease-in-ou... 2014年1月23日
goto_jp さんのアバター 933views

CSS3:奇数・偶数番目の要素を指定する。

CSS3の「nth-child」セレクタを使います。 .dataTable tr:nth-child(even) {~} //偶数番目のtrを指定 .dataTable tr:nth-child(odd) {~} //奇数番目のtr... 2014年1月22日
goto_jp さんのアバター 231views

CSS3:属性セレクタを使う

属性セレクタはHTML全ての要素を対象に、条件に一致する要素へスタイルを適用できます。 input[type="radio"] {~} 上記のようにフォームパーツのタイプごとにスタイル設定するのはCSS2時代から使え... 2014年1月21日
goto_jp さんのアバター 363views

CSS3:checkedセレクタを使う

「checked」はチェックボックスとラジオボタンで使えるCSS3のセレクタです。 input[type=radio]:checked { ~ } ラジオボタン単体だけへのスタイル指定ではあまり使い道がありませんが、下記のように隣接... 2014年1月20日
Yukimi Sato さんのアバター 313views

IEでCSS3のグラデーションを無効にする

filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); 打ち消しなどで後からグラデーションがいらなくなった時に。 ... 2013年12月20日
Yukimi Sato さんのアバター 259views

IEでCSS3のグラデーションを実装する

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff4D4D4D'... 2013年12月19日