css-animations

0熱

2答えて

滑らかなスライダーを使用してスライダー画像にスローズーム効果を追加するにはどうすればよいですか？私は、スライダは、このウェブサイトで使用して効果が遅いズームを複製しようとしています

：https://www.palazzokitchens.co.nz/ 私は滑らかなスライダを使用しています、どのように私はこの効果を達成することができますか？ 私は長い遷移でscale(1.5)を使用しようとしましたが、これも子のスケールになります。 私はスライダーのデモのセットアップを持っているが、任意のヘルプははるかに高く評価されています：https://codepen.io/ifusion

css css-animations slick-slider 2017-08-23

---

0熱

1答えて

CSSでのgetComputedStyleの結果がSVGで変換されました

getComputedStyleを使用して、CSSアニメーションを行っている間にSVG要素からCSS変換値を取得しました。例えば、 <svg width="100px" height="100px"> <circle cx="50" cy="50" r="10" style="transform:translate(50%,50%)"/> </svg> <script> v

javascript css svg css-animations 2017-08-23

---

0熱

1答えて

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

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

css html5 css3 css-transitions css-animations 2017-08-25

---

1熱

1答えて

CSSアニメーション - 虫めがねのアイコンを十字に変える

CSSのアニメーションで十字アイコンに虫めがねのトランジションを作成しようとしています。私がアニメーションで作業しているのは初めてで、ハンドルを虫めがねの下に置く方法はわかりません。ここにはfiddleがあります。これはオリジナルのdemoです。 これはhtmlです： <div id="magnifier"> <div class="magnifier-icon"> <spa

css css-animations 2017-08-28

---

0熱

2答えて

VueJSのトランジションとCSSアニメーション

CSSアニメーションを含む2つの要素間のトランジションを実装するには、単にdocumentation's exampleに従ってください。 私のHTMLが含まれています。私の状態を変更するためのボタン： <button @click="toggled = !toggled"> Toggle class ({{ toggled }}) </button> 2つのローダー（赤と黒の1）

css vue.js vuejs2 css-animations 2017-08-29

---

3熱

1答えて

divの方向と反対の回転する背景画像

質問[解決済み]：円の背景イメージを回転させるにはどうすればよいですか？ リンク：https://codepen.io/Refath/pen/XaoMEj 背景は、ユーザーに対するまっすぐなままであるように、こんにちは、私は、サークル要素反対方向の背景画像を回転しようとしているが、回転の同じ大きさにしています。 私はcssキーフレームを使用しようとしましたが、これはベストアイデアではないと気づき、

html css css3 css-animations codepen 2017-08-31

---

0熱

1答えて

画面ビューでsvgラインアニメーションをトリガーしてスクリーンビューからリセットする

タイトルが言うように、私はスクリーンビューでラインアニメーションをトリガーし、それをリセットしてアニメーションを開始するようにしたいもう一度、私はjsをよくしていないので、どんな種類の助けにも感謝します！ また、これはscrollrevealプラグインでも可能ですか？

javascript svg css-animations scrollreveal.js 2017-08-31

---

0熱

1答えて

電子アプリCSSアニメーションの性能問題

電子アニメーションの中でCSSアニメーションを使用しています。私は、CPUの使用率が147パーセント あるしかし、私はこれらの行をコメントする場合 -webkit-animation: progress-indef 1s linear infinite; animation: progress-indef 1s linear infinite; CPU使用率が13％で有効にアニメ

css3 electron css-animations 2017-09-01

---

3熱

2答えて

CSSアニメーション中のZ-インデックスレイヤーの問題

私はアニメーションの招待状を封筒から出そうとしています。私が欲しいものはほとんど持っていますが、私が取り組んでいる問題は、あなたが封筒を "開く"ときに、招待状が封筒の外に1秒間ポップしてから、アニメーションを開始してからです。 私はそれがアニメーションと組み合わされたZインデックスの問題だと確信していますが、どこから探し始めるべきかわかりません。私がでてる ：https://codepen.io

css animation css-animations z-index 2017-09-01

---

0熱

1答えて

スロットマシンがangular2の回転効果

私は数多くのカードを持っていて、それらを垂直に何度も回転させてランダ​​ムなカードにしたいと思っています。私はangular2で私のプロジェクトを作り直していて、スピニングをどのようにアニメーション化するのか少し迷っています。 @Component({ selector: 'app-card', styleUrls: ['./card.component.css'],

javascript css angular css-animations angular2-animation 2017-09-04

---