marquee 入れ子 どうなる - hogashi.*
<marquee scrollamount="1" direction="right"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="9"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="10"> <div style="width: 100px; h
CSSで本の表紙を開くようなアニメーションをつける
それなりに見えるところまではできたと思うので、記事として残しておきたいと思います。 なお、紆余曲折がありサンプルの１つはIEの切り捨てです。 もう１つは、装飾や表現をシンプルにしてIEに対応させています。 実現したいこと 実現したいことは以下の通り。 CSSだけで本が開くようなアニメーションをつける 本の中のリンクやテキストは通常通り操作できるようにする 追記 スマホでも動作するサンプルを検討して記事にしています。 CSSで本の表紙を開くようなアニメーションをつける(スマホ簡易対応版) なお、新たな問題が浮上してしまい、この記事のシンプル版しか意図どうりに動きませんでした。 コード1:IE切り捨て まず動作サンプルですが、hoverにしか対応していないのでスマホなどのタッチデバイスでは動作が確認できません。 続いてHTMLです(※上記サンプルの表紙と裏表紙の画像の設定は入っていません)。
テーブル用CSS設定ツール［Web便利ツール］ - TAG index
CSSコード .example table { border: 1px #000000 solid; } .example td { border: 1px #000000 solid; } HTMLコード <div class="example"> <table> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> </tr> <tr> <td>2-1</td> <td>2-2</td> <td>2-3</td> </tr> </table> </div> まずHTMLの設定で、表の列と行、キャプション（表のタイトル）、見出しのセルなどを設定してください。設定内容の詳細は、HTML テーブルタグカテゴリーでご覧になれます。 続いてCSSの設定で、枠線や背景色、余白など、見栄えに関する設定を行なってください。設定内容の詳細は、CSS テーブルカテゴリーで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
