CSS3-transformのサンプル
CSS3-transformを使って色々とサンプルを作っています。CSS3はIE10でサポートされはじめており、IE10未満では動作しません。 反転させる CSSは次のとおり .anime04c{ font:35px b …続きを読む→
CSS3-transformを使って色々とサンプルを作っています。CSS3はIE10でサポートされはじめており、IE10未満では動作しません。 反転させる CSSは次のとおり .anime04c{ font:35px b …続きを読む→
linear-gradient関数とはbackground-imageプロパティなど画像を扱うことのできるどのプロパティで線形グラデーションを指定する際に使用する。 線形グラデーションは、グラデーションラインとそのライン …続きを読む→
multiple background imagesは背景に複数の画像をそれぞれ表示したり、重ね合わせることができる。さっそく次の6種類の画像を重ね合わせることにした。 ? ?? IE8はmultiple bac …続きを読む→
HTML5からdetalisタグ、summaryタグが追加された。detalisタグはユーザーが追加で得ることのできる備考や操作手段などの詳細情報を示す際に使用する。summaryタグはdetalisタグの要素内容の要約 …続きを読む→
以前実現したスライドショーはIE8のみで確認していた。FirefoxやChromeなど他ブラウザで表示させてみると微妙に表示するボックスの幅にずれが生じていた。このずれを修正する方法はないかと探していると、CSSハックと …続きを読む→
HTML5からoutputタグが追加された。outputタグとはフォームの計算結果を表示するためのものである。各ブラウザのoutputタグ対応状況は次のとおりである。 ブラウザ サポート edge ○ Firefox ○ …続きを読む→
HTML5からmeterタグが追加された。meterタグは、特定の範囲内の測定値を示す際に使用するもので、例えば、ディスク使用量、検索結果の関連性、候補者の得票など。しかしmeterタグへのブラウザ対応状況は次のとおりで …続きを読む→
HTML5よりprogressタグが追加された。このprogressタグはタスクの進行状況を示す要素である。ブラウザのサポート状況は次のとおりである。 ブラウザ サポート Internet Explorer10 ○ Fi …続きを読む→
HTML5からdatalistが追加された。 試したソースコード <label>参加者:<input list="members"></label> <dat …続きを読む→
HTML5からwbrタグが追加された。但しIE9は未サポートであった。このタグは改行してもよい位置をブラウザに示すものであるが、英語と違って日本語は単語内で改行してもよいので必要性はあまりない。 次のソースコードで試した …続きを読む→