css-transitions

1熱

2答えて

私は、.cardのクラスを持つ親divを持っています。子divには、親が跳ね返ってカードを作成するときに反対方向に回転するdivが必要です。その上にマウスを置いてトランジションが終了するまで待つとうまくいきますが、マウスの上にマウスを置くとアニメーションが終了します。逆方向の.front回転のクラスでdivを終了しますこれを修正するには？さらに、マウスを複数回オン/オフすると、両方の子供が同じトリ

0熱

1答えて

ng-model入力から更新された文字をフェードインする方法はありますか？

私のウェブサイトは入力<input type="text" ng-model="name">とヘッダー<h1>Hello {{name}}</h1>を使用しています。必要に応じて、ユーザーが入力に入力すると更新されたテキストが表示されます。ユーザータイプとして表示されるのではなく、個々の文字をフェードインさせることは可能ですか？

0熱

1答えて

SVG g要素CSS遷移はブラウザ間で動作しませんか？

svg g element CSSの遷移についてのブラウザサポートを具体的に解決する答えを探しています。問題を表示するには、hereがChromeで動作する代表的な例ですが、FirefoxとSafariの2つの変換位置の間を「ジャンプ」するだけです。 <style> .container { margin: 10em; width: 100vw; heig

0熱

1答えて

トランスフォームの原点を右に変更すると、このdivが画面上をジャンプするのはなぜですか？

私は本の左側に.book-sideのクラスで別の赤いdivを追加して、私の本をより3dに見せようとしています。トランスフォームで90度回転させ、視点を変えてよりボクのように見せます。私はこれをして、本の辺縁が本の高さを少し越えていたことに気づいた。これは、私が変換原点を残していたからだと思っていたので、それはy軸上で本の方向に回転していて、それを形成していませんでした。変換原点を右に変更してこれを

0熱

1答えて

CSSで複数の画像を追加するには？

こんにちは、私はCSSに新しいですし、あなたがここに見ることができるように、現在、私は私のヘッダーに一つだけの画像を使用しています： #header { position: relative; background-image: url("../../images/header.jpg"); background-size: cover; backgroun

-1熱

1答えて

タイルレイアウトのCSSトランジションアニメーションは実現可能ですか？

私は何週間もの間、特定のソリューションを作成しようとしています。多くのことを試しましたが、実現可能かどうかはわかりません。私はあなたの意見が必要であり、正しい方法を指示してくれます。私が作成しようとしていますどのような次のとおりです。今、ユーザーがクリックした場合：は最初のカード（12言う）の一定数は4x3のグリッドに配置されているタイルのレイアウトがありますタイル（ボックス3）、次の状態変化

1熱

1答えて

チルトの背景画像のみ

背景画像のみを傾けたいが、外側の要素として作成したので、外側の要素全体が画像の代わりに傾くようになりました。私はWeb開発で経験していないので、助けやアドバイスをいただければ幸いです。以下のコードであり、ここにあなたが別のタグへの再割り当て背景がある必要JSFiddle .vertical-center { min-height: 100%; /* Fallback f

2熱

4答えて

スライドショーのトランジションを追加するにはどうすればよいですか？私はここで</p> <p>..私は私のページのいずれかに作っていスライドショーのトランジションを追加したい

は var index= 1; var toggle=0; function plusIndex(n){ \t index = index + n; \t showImage(n); } showImage(1); function sh

0熱

1答えて

防止CSSの移行をするときの角度4コンポーネントの負荷

私はそれが私のライブラリです（入力カウンタを提供する外部ライブラリを使用するので、私はこれ以上のスタイルが適用されていない知っている、実際にCSSの遷移と角度4 で大きな問題を抱えています input { &[type="text"], &[type="password"], &[type="email"] { border-radius: 4px;