css-transitions

0熱

1答えて

divを上から表示して、下に移動しようとしています。 CSSのトランジションを使用して同様の効果を得ました。しかし、ボタンをクリックするとdiv遷移が起こりたい。私はreactjsでこれをコーディングしています。私はときに私私はbutton.Onlyをクリックしたときに私のdivが表示されます .notification_div { width: 100%; height:

1熱

1答えて

なぜiOS SfariはこのCSSトランジションの複数のトランスフォームを1つずつ実行しますか？

これは、Chromeで完璧に動作し、スムーズにアイコンを変更しますが、iOSのSafariの（そしておそらくデスクトップサファリ）で、それは他に次を行う前に行われるまで待機し、それらを順番に行います。サファリの変遷：は、これは非常に貧しいアニメーションになり（x、y）は翻訳しない完全なまで回転を行います。 Chromeでは、すべて同時に実行されます。 Safariに強制する方法はありますか

4熱

4答えて

CSS：テキストの変更時にdiv幅に円滑なシフトを追加するにはどうすればよいですか？

誰でもこの質問をできるだけ早く行うことができれば助言してください。 https://jsfiddle.net/5v7mzadu/ 私のHTML：： <div class="text-cycler"> WE <div class="c-text" id="ctext-1">CARE</div> <div class="c-text" id="ctext-2">THINK</di

1熱

3答えて

バックグラウンドカラーが動作しないクラスのCSS

次のCSSコードがあります。何らかの理由で、背景色が機能していません。誰かが助けてくれる？ <!DOCTYPE HTML>  <html lang="en-US"> <head> <meta charset="UTF-8"> <head> <style type="text/

0熱

1答えて

移行前：背景（背景色）

私のサイトで要素がアクティブになっているときに、ボディにクラスを適用しています。私はモーダルのように残りのコンテンツをフェードアウトしたいが、私はこれまでに成功しなかったバックグラウンドオーバーレイをフェードインしたいと思う。 .booking-open{ transition:background-color 2s ease; } .booking-open:be

2熱

2答えて

位置のある移動オブジェクトの遷移：固定？

これは簡単な問題だと思われますが、私は決してCSSの専門家ではありません。私はそれを理解しようと壁に頭を打ちました。ですから、私はContentHeader要素を持っています。ユーザが特定のポイントを下にスクロールすると、NavigationHeader要素をカバーするようにスライドします。私はContentHeaderの位置を "content-header"から "content-header

1熱

1答えて

CSS "all"トランジションが動作していません

全く動作していないようですので、私のCSSトランジションに助けが必要です。ここに私のCSSコードです。私は何かを逃したと思いますか？ /*header navigation in homepage*/ .home header#main-header { position: absolute; top: auto !important; bottom:

0熱

1答えて

なぜこの移行プロパティはCSSで動作しませんか？

私はcssの少量で簡単なhtmlドキュメントを持っています。トランスフォームは動作しますが、トランジションは動作しません私は数多くのものを試してみましたが、私が見ているチュートリアルの正確なコピーのように見えますが、何か間違った構文がありますか？ <!DOCTYPE html> <html> <head> <title>transition Learning</title>

1熱

1答えて

クロムのCSS揺らぎ/ジッタのバグ？中心のdivの幅の移動

margin: 0 autoを使用して中心のdivレイヤを持ち、width: 1000pxの固定幅を持っています。スクロールを開始するとwidth: 100%になり、見栄えが良くなります。問題は、移行中に一部のコンテンツが揺れ始めてジッタが入ることです。たとえば、画像が揺れ、H1のテキストが表示されないため、コンテンツの一部を言うこれはChromeとEdgeでのみ発生します。（Windows