css-animations

1熱

1答えて

私はCSS Loadersを使用していますが、div整列された中心の内部にはtransform: translate(-50%, -50%)を使用しています。アニメーションはボックスシャドウを使用しています。問題：拡大するとアニメーションサークルが下から切り取られています。私が試したのは：フォントサイズを大きくして円のサイズを大きくすると、カットオフが小さくなります。つまり、フォントサイズを

0熱

2答えて

ホバリングとフォーカスが動作しない

現在、ホバー効果を働かせようとしていますが、ホバーとフォーカス状態をinspect要素で見つけることができないので、今どこにいても間違っていると思われます。また、私はオートプレフィクサーを実行しています。 CSS .nav-wrapper { display: flex; padding: 12px 10px 10px; flex-flow: column; }

2熱

1答えて

CSS3トランジション、キーフレーム、アニメーション

私はトランジションやアニメーションで遊んでいましたが、私はそれらを使ってホバーを最大限に活用したいと思っていました。アニメーションを上に乗せた後で、アニメーションを上に乗っている間に必ずしも起こらせることが可能かどうか疑問に思っていました。たとえば、関連する段落がぶら下がった後で、画像をスライドインして不透明度を変更したい場合、セクションのマウスを維持しないと、どうやってそれを維持できますか？

4熱

2答えて

CSS3またはjQueryを使用して画像からドット後のドットをアニメ化する

下の画像からドット後にアニメーションを適用したいが、私の問題は画像の湾曲したセクション（画像の下）にある。開始時に、全てのドットが隠され、その後、各ドットは、ビューにアニメーションする必要があります一つ一つべきです。私は以下のコードがあります。 <div id="dots1"></div> #dots1 { -moz-transition: height 1s linear;

0熱

1答えて

GWDモバイルアニメーションが停止しない

Google Web Designerでアニメーションを作成しました。このアニメーションはデスクトップでは動作しますが、モバイルでは機能しません。実際には動作しますが、アニメーションを止めようとすると止まりません。 gwd.timeline.stopはモバイルブラウザではサポートされていません。私は次のコードを試しても、アニメーションクラスはpage1に追加されていませんが、アニメーションは停止

0熱

1答えて

オブジェクトを基本的な背景色で追加し、遅延を伴う他の色に変更します。

私はulを持っています。 javascriptを使って私はそれにLiを追加します。バックグラウンドカラー＃E4F3D6で追加されたliが必要です。その後10秒後に最終カラーとして#DDDに変更されます。アニメーションとトランジションディレイでこれが可能であることはわかっていますが、わかりません。私はこれを書いたが、正常に動作しません。ここで @-webkit-keyframes change-

2熱

2答えて

n番目の子セレクタは、HTML要素のスタイルに

/* Core style */ #preview #icon { display:block; margin: 0 auto; margin-top: 100px; width:250px; height:250px; cursor:pointer; } .donut { p

0熱

1答えて

Skrollr.jsはスクロールアップ時に別のアニメーションを開始します

Skrollr.jsで作業しています。そして、私はこのアニメーションを上下からスクロールするときに持っています： <div class="flight-icon-d __d" data-anchor-target=".section.__flight" data-top-top="top: 126px; transform: translateX(-50%) rota

3熱

1答えて

段落内でこのCSSの 'ハート'アニメーションをインライン化するには

パズルピースのようなものから心臓を組み立てて解体するCSSコードを掘り出しました。しかし、これを私のHTML段落とともにアイコンとして表示することはできません。 CSSは他の多くの位置情報を使用しているのでかなり複雑ですが、このインラインですばやくハックしたり、CSSの多くを変更する必要がありますか？私はインラインでの向きを変更しようとしましたが、動作しないようです。 /*! * Star

5熱

1答えて

CSSで脈拍リングアニメーションを作成する方法は？

私はこのwebsiteのリングが輝き、脈打つようにしていて、彼らがどのようにそれをしたのか知りたいのです。私は同様のことをすることができますが、私はあまり良くありません。これは私が知ることができたすべてですが、うまくいかないようです。 CSS： glowycircleouter.blue .glow4 { box-shadow: 0 0 25px #287ec6; } .glow