css-animations

-2熱

1答えて

私は右からスライドする固定幅のサイドバーを持っています。私がやっていることは、サイドバーの表示をブロックに変更し、ユーザークリックにアニメーションクラスを追加することです。私はそれを.3sの右側に移動するためにキーフレームを作成しましたが、javascript関数を使用してディスプレイをnone（300ミリ秒後）に戻さない限り、右端にハングアウトします画面のこれはうまくいくようですが、これを行

2熱

2答えて

キーフレームコードはこのアニメーションのように見えますか？

私はCSS3アニメーションが新しく、アニメーションはhereが好きです。残念ながら、現在のプロジェクトでは使用できないjQueryに依存するjQueryイージングライブラリにアニメーションが存在します。 div3の幅をアニメーション化するためにCSS3キーフレームを使用してこのアニメーションを実装するにはどうすればよいですか？

1熱

1答えて

CSS 3Dアイソメトリックシンプルローテーション変換

私は、折りたたみアニメーションのようなdoorの小さなCSSアニメーションを作成しようとしています。 SVGを基底として使用し、等尺変換を行い、オレンジ色の四角形を3次元空間のように折りたたんでください。私は遠近法で、歪曲して、3Dを変換しようとしましたが失敗しました。 #svgbox { position: absolute; transform: rotate(-

3熱

2答えて

CSS3フェーディングが間違っている

JavaScriptを必要とせずにCSS3を使用してイメージギャラリーを作成しようとしています。これは私の現在のソリューションです： .slide { position: absolute; } .slide:nth-child(1) { -webkit-animation: fade 24s 18s infinite; z-index: 1

1熱

1答えて

ボディをアニメーション化すると、ブートストラップの固定ナビゲーション

私は自分のブートストラップのウェブページに固定ナビゲーションバーを持っています。しかし、いったん私のページのbody要素をアニメーション化すると、ナビゲーションバーは、ページを表示せずにスクロールします。私は体を右から「飛ぶ」ように動かします。これは、このCSSを介して行われます。 @keyframes body-anim { 0% { transform: transla

4熱

2答えて

JQueryがCSSトランスフォームを設定し、クラスのプロパティを変換しました

Jqueryを使用しているトランスフォームのCSSプロパティを設定できないようです。これらは私が失敗した試みている2つの方法ですhttps://jsfiddle.net/op7Lsvdp/ ：は、ここに私のコードです。 $('.slideToCart').css({ '-webkit-transform' : 'translate(left, top)', '-moz-tra

1熱

1答えて

ChromeのCSSスケールアニメーションジャーキー

フォームを保存する必要があるときに保存ボタンが表示されます。 CSS： @keyframes pulse-scale { from { transform: scale(1); } to { transform: scale(1.1); } } .btn-alert { animation: 1s pulse-scale ease-out infinite alt

0熱

1答えて

GSAPを使用して傾斜角でY軸の周りを回転させる

HTML、CSS、GSAPを使用して本の開閉をアニメーション化しようとしています。ページがに必要な開位置と閉位置にを回転させる：私は2つの問題があります。ページの1つのZ-インデックスを変更する必要があります。何らかの理由でがそうではありません。（jQueryの使用） GIF animation of what I want it to look like JS Fiddle showin

0熱

3答えて

CSSのアニメーションを特定のWebページから再生するには

かなり新しいWeb開発ですので、私に同行してください。私は現在、3つのウェブページ：Home, Portfolio and Contactを持っています。 Homeページには、ページの半分をカバーする背景があります。 Portfolio and Contactは同じ背景を持ちますが、ページの4分の1しかカバーしていません。 HomeからPortfolio、またはContactに移動するとき、背景を

1熱

1答えて

CSS /角を使用してアニメーションタブのコンテンツ

私はアニメーションが初めてです。私は単純なhtmlのタブを持って、私はタブの葉が入るときに左に内容をスライドさせたい/入力します。これを行う方法についてのあらゆる指針が役立ちます。ここ HTML <div class="service-tabs" > <ul class="nav nav-tabs"> <li ng-class="{'active':tabSelected