css-transitions

0熱

1答えて

シンプルなCSSの移行を追加したブートストラップナビゲーションがあります。ユーザーがリンク上を移動すると、右にワイプして背景色を青に変えます。ユーザーがリンクページにあるときが<li>クラスに追加されます。これは、背景色を青色にして、ユーザーがそのページにいることを知るようにします。線形グラジエントはこれを引き継ぎます。オーバーライド移行し、固体はクラスで.navactiveとのリンクの移行を

-2熱

1答えて

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

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

1熱

2答えて

CSSを使用してsearch = "text"のユーザー検索入力をクリアする

既存の検索機能に明確な入力テキスト機能を追加したいと思います。ユーザーが十字アニメーションをクリックすると、矢印を移動させる代わりに入力テキストを消去する必要があります。私は表示を追加しました：最後に有効ではありませんが、期待どおりに動作しません。誰かがこの機能を実装する方法を手伝ってください。 .search-box { position: relative; dis

0熱

1答えて

CSSクラスの切り替えが速すぎて登録できません。

は、私は次のCSSを持って <path id="outlineCO" class="state included" [details omitted]/> を含み、その上にSVGとHTML5のページを持っている： .state { fill: #ffff66; fill-opacity: 0.7; stroke: #000000; stroke-

0熱

2答えて

ホバー上の画像スクロール

div内の画像をホバー上にスクロールダウンしたいです。そして、その部分は働いています。また、画像が長くなり、そのためにトランジションの内部でcalcを使用しようとしていたため、スクロールが長くなるようにする必要がありますが、動作しません。 HTML <div class="preview"> <div class="previewimg"></div> </div> CSS私もそ

0熱

1答えて

CSSトランジションが時々遅れる

不透明度を変更したCSSトランジションをいくつか行いました。 javascriptを使用して、新しいクラスを追加したり削除したりして始めました。それは次のようだ：私はクリックした後、クラスの変更を発射のEventListenerを作っ .element { opacity: 0; z-index; -1; display: none; transition

1熱

1答えて

中心スパンは後に、私はCSSの変換を使用してそれをやったところ、私はここにフィドルを作成

セマンティックUIで利用できるアニメーションのいずれかのボタンを作成しようとし、具体的アニメーションショッピングカート1 https://semantic-ui.com/elements/button.html を変換します。 https://jsfiddle.net/n37arru2/100/ 私の質問は、CSS属性を左に垂直方向と水平方向のトップを使用することなく、ホバー上でスライドスパンを配

-1熱

1答えて

JavaScriptでsetIntervalメソッドを使ってTRANSITIONエフェクトを実現する方法は？

2秒ごとにボディの背景色を変更するWebページを設定しました。私が苦労してきたのはトランジション効果をsetIntervalメソッドに統合する方法です。 CSSのトランジションプロパティと同様に、新しい色をフェード効果で表示します。これらの変更/切り替えの背景色に対して、どのようにこの効果を達成できますか？は、ここに私のコードです：あなたが移行したいし、それがどのくらいの時間がかかりますプロパ

0熱

1答えて

svgイメージを使用したCSSトランジションは一方向にしか動作しません。

私は現在、CSSトランジションに問題があるウェブサイトを開発中です。このウェブサイトには、左側にロゴのヘッダーがあります。ヘッダーを下にスクロールすると、ロゴが縮小します。これは、特定の量のピクセルをスクロールダウンしたときに、ヘッダーにクラス.smallerを追加するときに機能します。問題が発生しました：ヘッダーを下にスクロールするときれいに縮小されますが、ロゴは即座にサイズが変更され、アニ