css-animations

0熱

3答えて

CSSのアニメーションビットをスムーズにする方法はありますか？なぜなら、各ステップで私のアニメーションが「ブレーク」を作り、素晴らしいアニメではないという問題が発生したからです。あなたがSEここでわかるよう： @-webkit-keyframes rocketStart { 0% { transform: translate(0px, 0px) rotate(0deg)

0熱

1答えて

JavaScriptを使ってCSSアニメーションを最適化する

JavaScriptを使ってCSSアニメーションを最適化することができます。動的タブを作成する指示を作成していますが、トランジション間でアニメーションを実装したいと思っています。それらを最適化する。このディレクティブはtab-nav-barにあります。このバージョンはアニメーションをサポートしていないため、誰かがそれをどのように実装するのが最適かという考えがあります。

0熱

1答えて

スクロールリストのCSSアニメーション

uib-bootstrap carousel componentからかなり借りて、Angular.jsで簡単なスクロールリストコンポーネントを作成しました。これは、ngAnimate、ng-hide-add、ng-hide-remove、ng-hide-add-activeおよびng-hide-remove-activeクラス、およびAnimate.cssのng-showディレクティブを使用します

1熱

3答えて

CSSだけで無限に流れる背景を作るにはどうすればいいですか？

私はちょうどawwwards.comのウェブプログラミング、cuz多くのcoooooolのページに始まった - 間違いなく私の心をつかまえた。とにかく、私が目指すものは、pinterest（www.pinterest.com）です。背景がゆっくりと移動する、ぼかし効果、浮動モーダル、および底部固定フッター。いくつかのオライリーの本では、ぼかし、モーダル、フッターはもう問題ではありません。しかし

1熱

1答えて

トランスフォームアニメーションのぼかしを削除しますか？

2016年中頃、トランスフォームアニメーションのぼやけを取り除くための適切な回避策がありますか？は、私は内部のテキストといくつかのdiv要素を持っていると私はそれをアニメーション化すると想定します div:hover { transform: rotate(90deg); transition: 1s transform; } 正直なところ、私はオンライン何かを見つける

-1熱

1答えて

アニメーションを行うには、ページが完全に読み込まれた後に始まりますか？

私はアニメーションを持っています（#svg_tag、.st0）。アニメーションが完了したら、イメージをフェードインします（.logo_svg）。ページが完全に読み込まれた後にアニメーションが開始されるようにしたい（アニメーションとイメージの両方）。 .logo_svg { max-width: 80%; width: 100%; position: absolute;

3熱

2答えて

SVGマスクを回転させる

このSVGマスクを回転させて、中心から回転させる方法を見つけるのは苦労しています。言い換えれば、私は無限ループになる回転効果を目指しています。また、なぜFirefoxで回転しないのかわかりません。何か案は？ここJSFiddle HTMLです： <body class="home"> <svg preserveAspectRatio="xMidYMid slice"> <svg

0熱

1答えて

translate3d + scaleはクロムで再描画されません51

chrome 51では、なぜtranslate3d + scaleがトランジションなしでぼやけるのですか？バグや期待？ https://jsfiddle.net/hkzxwomy/2/ 私は+スケールは変換で発生、または要素は、それがこの動作を維持する、変更されており、それなしでChromeが再ラスタライズする場合は、単独のクロム53のよう container.style.transform =

2熱

1答えて

IEとEdgeではCSSアニメーションが機能しません

次のCSSコードがあります。ホバー上の要素に適用される素晴らしいソナーエフェクトです。 Firefox、Opera、Chromeの場合はでもうまく動作しますが、IE（10+）やEdgeでも動作させることはできません。 body { background-color: #cccccc; } .text { position: realtive;