css-transitions

0熱

1答えて

CSSを使って要素のx、yに相対的なCSSアニメーション（変換回転）の起点を設定する方法はありますか？異なる場所に複数のものがあるかもしれません：各要素の絶対位置はCSSでハードコーディングされていないかもしれません。 .spin { transition:4s linear; -webkit-transition:4s linear; } .spin:h

0熱

1答えて

CSS3アニメーションテキスト。コンテンツの終了を

私は、ウィンドウの端に行くのではなく、アニメーションテキストの最後に境界線に基づいてカーソルを停止しようとしています。私は、コンテナの幅を設定し、テキストの幅を調整しようとしましたが、これは未定義の幅の変数で使用されます。最大幅の代わりに幅を使用して <div class="type"> <h1>We have some basic text here</h1> </div> b

0熱

1答えて

誇張されたCSSイージーハイトトランジション

this websiteのドロップダウンメニューのトランジションに見られるように、どのように誇張されたイージーインハイトトランジションを達成することができますか？ Normal CSS transitionsは、ここでレンダリングされているものよりもはるかに線形です。ありがとう！

2熱

1答えて

CSS3アニメーション右から左にdivをスクロールするボタンのオンクリック

divを右から左にクリックしてスライドさせようとしています。そしてそれを閉じて、CSS3のトランジションとアニメーションを使用して、閉じるボタンを右クリックします。ここをいじるためのリンクです：Click Here サンプルCSS： .selected { animation: slide-in 0.5s forwards; -webkit-animation: slide-

0熱

1答えて

CSSを使用して2つのクラスを同時に遷移させる方法

2つのクラスのどちらかにカーソルを合わせると同時にフェードインするのに問題があります。私は.sv-ロゴの上に置くと、上記のCSSが動作 .sv-logo { opacity: 0.5; transition: all .3s; } .nav{ opacity: 0.5; transition: all .3s }

1熱

1答えて

ブラウザウィンドウの中央付近の要素のアニメーション？

基本的には、私は、スクリーンの中心の周りに自分自身を配置しながら、不可視から不透明にフェードインするためにアニメーション化したい要素の形のグループを持っています。私は、CSS3のアニメーション/変換/変換が長い道のりを歩んでこれを行うのに十分だと読んだことがありますが、私はすべてのことが起こるように少し問題があります。右と下のダイヤモンドは動かず、左と上のダイヤモンドは消えません。ブラウザの幅を

0熱

2答えて

グリフコンはCSS3で完全に隠れることはありません。Hover Animation

カードの白い背景にカーソルを合わせると青いアイコンが消えてしまうのを誰も知っていますか？私は、マウスがカード上のどこにでも触れるたびにアイコンが直接表示されるのではなく、アニメーションを設定しようとしました。これは今のところ怪しいです。マウスの近くにマウスを置くと、青色のアイコンが点滅し、最終的に1秒間消えますが、戻ってきます。まったく滑らかではありません。ありがとうございました。 body

2熱

1答えて

CSSトランジションがちらつきます

ユーザーがボタンの上を移動すると、左から右に色があります。私がそれを浮かべると、滑らかな移行をするのではなく、少しちらつきます。どうすれば修正できますか？ .slide_right:hover { box-shadow: inset 400px 0 0 0 #D80286; } .button_slide { color: #FFF;

0熱

1答えて

スケールの2番目のホバートランジション<img>タグが正しく機能しない

親とその子に2種類の異なる効果を出そうとしています。 main#wrap > .page > .group > section.large-poster > .image-area { position: absolute; width: 100%; height: 100vh; opacity: .265; transitio

0熱

1答えて

CSS：div要素のホバーで〜または+で別のdivをアニメーション化する

これは正しく動作するように多くのアプローチを試みましたが、成功しませんでした..この質問は既に数回質問されています。だから私はあなたの誰かが重複としてこの質問を見つけた場合申し訳ありませんと言う:( ホバー要素は「食べ物で先行ます ..しかし、なし、成功して..私が見つけた解決策を試してみましたVEの「ボックス」、スケールアニメーションを必要とする要素は「フードボックス画像」である。 <div c