css-transitions

0熱

1答えて

私はdivをロード中にCSSやjQueryのいずれかを使用してアニメーションを適用したいのロード中にアニメーションを適用します。のdivをこのようにロードされます： <div> <blog_topic_title each="{item , i in data.blogTopicsArr}" index={i} id={item.article_id} topic={item}></

3熱

1答えて

初めてのJavaScript/CSSの切り替え

私は最初のクリックでスイングを回してから、2回目のクリックでスムーズに元の位置にスイングしようとしています。私は次のコードを持っています。 HTML： <div class="quick-access"> <div class="quick-access__toggle"> <svg id="toggle-button" viewBox="0 0 100 100" >

0熱

1答えて

CSSをフェードインまたはフェードインする方法： "後"のホバー上の擬似要素？

は、マウスのホバー上のすばらしいアイコンのスムーズなフェードを得ることができません。私は何が間違っていますか？理想的には、アイコンをフェードインさせ、背景画像に不透明度を追加したいと思っています。フィドル： http://jsfiddle.net/W5e9Q/45/ CODE： @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3

0熱

1答えて

CSSで画像URLを呼び出さずにスプライト画像をフェーディングする

CSSの画像URLを呼び出さずに、ホバー上のスプライト画像をフェードインできますか？私は2画像のスプライトシートを1トン持っています。私は各自がホバリングをオンにしたいのですが、 "background：url（x）"を持つすべての要素に対して新しい要素を作成する必要がある場合は、CSSが非常に膨らんでしまいます。 <div class="sprite frame"> </div>

0熱

1答えて

最も簡単なCSS、JSポップアップ

ここではいくつかのHTML、CSSおよびJavaScriptコードです： <Body onload="document.getElementById('Chrome_popup').style = 'position: fixed; left:0; bottom:10%; height:10%; width:100%;';"> <Div id="pop-up" style="position:

1熱

1答えて

親がホバー状態にあるときにCSSを遷移させる子

h1要素が「ホバー」状態になるたびに、h1見出しの各文字を特定の新しい位置に移動しようとしています。ポイントは、アナグラムの「チェイサー」を「検索」に表示することです現在、マウスが見出しの上を移動すると、すべての文字が正しい場所に移動しますが、どのような種類の遷移もありません。 h1 { text-align:left; font-family:'Ubuntu Mon

0熱

1答えて

トランジションが正常に動作しない理由 - サファリ

私は 'トランジション'に大きく依存するサイトを持っています。これはChrome、FireFox、Operaで完全に機能します。特に「プロジェクト」をクリックすると、Safariで本当に気が散っています。「ボディ」は色を正しく変更しません。正しいコードを含めていますか？ページへ .line-bottom { transition: 1.3s; -webkit-transiti

0熱

2答えて

Vue.js遷移および遷移グループのアニメーションが機能しない

私はVue 2カルーセルコンポーネントを持ち、v-forを使って生成されたスライドの子コンポーネントを持っています。スライドはv-showを使用して表示および非表示にします。スライドの間にCSS transitionを挿入することはできません。 <transition>でスライドをラップしようとしましたが、mode=out-inは何もしません。移行中にカルーセルに2つのスライドがあり、1つはフェー

3熱

3答えて

エレメントにCSSアニメーションが適用されているかどうかを検出する最も良い方法は何ですか

CSSアニメーションが完了したときにweb componentでイベントを発生させようとしていますが、ユーザがエレメントからアニメーションをクリアする可能性がありますanimation: none;意味transitionendイベント決して火災：常に // wait for dialog close animation to end before firing closed event ele

0熱

1答えて

スケールの境界線の幅を維持するホバー上の円

私はサークルの背景のない、唯一の境界線を持っている、と私はそれがホバーにスケールする：https://jsfiddle.net/u36nfxs0/2/ ：ここ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link type="text/css" rel="stylesheet" href="css/main