css3

1熱

3答えて

2番目の画像をクリックすると、最初の画像としてポップアップしないのはなぜですか？

2番目の画像をクリックしたときにポップアップ表示されるようにする方法を解明しようとしていました。第2の画像は第1の画像と全く同じコードを有し、その場合でも同じポップアップ効果を発揮しない。私は悪い英語のために申し訳ありません。私は日本から来ました。私は助けてくれた人に感謝します。 #myImg { border-radius: 5px; cursor: pointer;

0熱

1答えて

ビューにSVGアニメーションを表示する

SVGが表示されているときにアニメーションCSSを表示したいときに、そのエレメントにスクロールして再び開始します。私はデモを見つけてSVG要素を入れようとしましたが、動作しません。私を助けてください！ありがとう！ Activate CSS3 animation when the content scrolls into view 私のHTMLは <div class="lineNone">

0熱

1答えて

フレックスボディのブートストラップコンテナ流体ChromeとFirefox

ChromeとFirefoxの両方で、コンテナ流体divを含むフレックスボディで奇妙な動作をする。 html, body { height: 100%; min-height: 100%; overflow: hidden; } body { display: flex; flex-direction: col

0熱

4答えて

SVG波の中から円を隠すには？

私はSVG波と1つの円を持っています。 SVGの内側からサークルを隠す必要があります。 SVG波ではz-index: -3;、サークルではz-index:-1、divではz-index: 10;と設定しました。ユーザーがスクロールすると、そのサークルをSVGの内側から非表示にする必要があります。私の2番目のイメージをチェックしてください。 z-indexのためにwaveとexample divの

-2熱

1答えて

遷移が「アウト」私はフル幅のページを持っている

を動作しません、私はこのようなボタン、メニューオープンコンテンツALIGN、クリックしたとき：私はメニューをクリックし、移行は機能しますが、私は閉じることはありません。どうして？ // Style When the Menu is Opened #page-content.page-active{ width: calc(100% - 300px); posit

0熱

2答えて

キーフレームのアニメーションが最初のポイントに戻らない、または返さない

最初の位置に戻らないキーフレームを使用しようとしています。つまり、左から右に移動しても左に戻ることはありません。コード div { width: 100px; height: 100px; background-color: red; position: relative; -webkit-animation-name: ex

0熱

1答えて

CSS - 変形：画像が重なり、正確にスケーリングされない

私はこのcodepenを再現しようとしています。私のサイトの特定のページの縮尺変更は、動作しません。このコードスニペット（全画面表示） - 滑らかではなく、オーバーラップアンダーラッピングとジャーキー。 /* Partners page */ .masonry { /* Masonry container */ column-count: 5;

-1熱

1答えて

ディスプレイ付きの画像：フレックス;私は</p> <p>...クロム、私はウェブサイト上で働いているFirefoxの

で仕事.. に間違って表示 display: flex; を使用しても問題は写真やビデオが引き伸ばされるChromeであるとFirefoxで、彼らは完璧私のHTMLとCSSを検証しましたが、問題はありませんでした... 私は試してみることができるいくつかの提案を持って誰ですか？私は画像や動画自体にフレックス配置しようとしていると私は私が幅を試してみました、と高さに触れていない flex:

0熱

1答えて

左寄せのコンテンツでdivを集中管理する

これは簡単な答えですが、わかりません。私は、次のレイアウトを思い付くしようとしている：赤いボックスが動的にコンテンツに合わせて成長しなければならない、とページを中心とする必要があるdiv要素です。それは水平に収まる黄色のdivの数だけの幅でなければなりません。黄色のボックスは左揃えにしなければならないdivです。これまでは、コンテナdivをtext-align：centerに設定したインラインブ

1熱

1答えて

印刷中のテキスト行のようなブロック要素の調整

印刷中のテキスト行とのバランスを取りながらもブロック要素の場合と同様の結果を得たいと思います。 300/100pxコンテナに50/50pxボックスのコレクションを作成します。コンテナ内の箱をフローティング彼らはこのような、次のいずれかにラップ、その後、一つの「行」を埋めるようになります： [1][2][3][4][5][6] [7] 私は彼らがよりバランスの取れた方法で「ラップ」したいと思い