css-transitions

0熱

1答えて

<button>をユーザが一度移動すると、下のコードで<panel>が表示されます。これはすべて正常に動作します。しかし、<panel>のアニメーションでは満足できません。私にとって「アコーディオン」などに<panel>スライドが、私はパネルがjQueryののslideToggleアニメーションに似た「ボトムラインを下って行く」ことでを明らかにしているアニメーションを好むだろう。 CSSでも可能

0熱

1答えて

代替要素の遷移を遅延させるにはどうすればよいですか？

section_swipe = document.querySelectorAll("p.swipe") section_swipe.forEach((v) => { setInterval(() => v.classList.toggle('revealed'), 3000) }) p.swipe { height: auto; pad

0熱

1答えて

スティッキーバーのトランジションの問題

Foundation 6を使用してスティッキーヘッダーを作成しましたが、トランジションを受け入れていないため、うんざりです。一番上のバーはジャーキーに見えます。誰でも援助があり、問題がどこにあるのか教えてください。私は次のものに欠けているものが不明です。以下は、私のコードです： <header class="site-header" role="banner"> <div class="

1熱

2答えて

css3でフェード効果を使って矢印アニメーションを作成するには

私のcss3は機能しません。多分私が忘れてしまったことがあります。私は、これはjqueryのであると思ったが、私はJavaScriptを無効にすると、それはまだそう働いている私は、これはCSS3だったと思います。 JsFiddleを作成しました。矢印はフェーディングスタイルで右に移動しています。私はそれを：beforeボタンに挿入しました。は、ここに私のcss .next-button bu

0熱

2答えて

CSS3遷移がホバー上でトリガーされない

私はかなり基本的なインデックスページを持ち、レポートへのさまざまなリンクがあります。これらのリンクは、それらの内部の画像、テキスト、および丸みのあるコーナーを含むdivです。現時点では、divの背景がホバーで色が変わります。私はそれらをホバー上に少し飛び出させるためにトランジションを追加したかったのです。エグゼクティブはそのようなものを愛する。しかし、私が一般的にCSSアニメーションに新しいビット

0熱

1答えて

Internet Explorer/Edgeで背景画像がちらつくのを防ぐには？

私は簡単な移行でスティッキーヘッダーを持つWebページを持っています - ページがスクロールダウンされると、ヘッダーはサイズを縮小します。ロゴは、背景イメージを持つアンカータグです。問題は、下にスクロールし、ヘッダーが縮小すると、縮小する前にロゴイメージがちらつくのを見ることです。これは、Internet Explorer（最新）およびMS Edge（最新）でのみ発生します。 http://fla

0熱

1答えて

ホバリングズームボーダー半径50％の背景画像はサファリでバグがありますが、どのように修正するのですか？

on hover私はトランジションなしでサークルの背景イメージをズームしたいと思っています。それはすべてのブラウザで動作しますが、サファリにバグがあります。私はこのフィドルを持っていますhttps://jsfiddle.net/yv0a6hnv/4/すべてがクロムで完璧に機能しますが、サファリではどのようにバグが修正されていますか？前もって感謝します。 .circle-box{ o

0熱

2答えて

アニメーションは、私は私のCSSクラスためのいくつかのアニメーションを追加しようとしているCSS

を動作しません。ここでは、コードです： #primary_nav_wrap li a:hover:after { height: 4px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; backgrou

8熱

5答えて

divを同じ位置に表示

mouseoverでdivを表示しようとしていますが、ちらつきがあります。どのようにジャークを表示せずに非表示にするにはどうすればよいですか？ jqueryを使用してフェードイン/アウトを試みましたが、まだ点滅しています。ここでは.frontに置く、毎回.backが目に見えるようになるので、それがちらつくコード body { \t margin: 0; } .row {

1熱

1答えて

iOS上での垂直スクロールアニメーション「ジャンプ」

私はでCSS3アニメーションを使用しています。私は、キャプションの位置を計算するために使用されたwindow propertiesの1つを変更するアドレスバーによって引き起こされると思われる漫画のキャプション 'ジャンプ'に気付きました。ソースコードはここにあります：私は私の仮定で正しいんだ場合https://gitlab.com/ashleyconnor/adventurersclubco