css-transitions

4熱

1答えて

Per the docsでは動作しません、これはTwitterのブートストラップを実行するのに十分なはずです： <div class="carousel"> <div class="carousel-inner"> <div class="item"></div> <div class="item"></div> <div class="item"></di

0熱

2答えて

矢印がフォームの各行を指している

私のウェブサイトのサインアップフォームでは、フォームのツールチップを作成したいと思っていますが、css3から作成された矢印が必要です。私はこの種のことをやり遂げる方法を知っているわけではありません。入力：フォーカスの場合、三角形（CSS3でレンダリングされた）は、遷移でその入力テキストフィールドを指すように上または下に移動します。これは実現可能ですか？どうやって？ありがとうございました。 jQu

0熱

1答えて

背景画像にCSS変換を追加するときに問題が発生する

シンプルなWebページを作成していて、背景画像が変更されたときにCSSにフェードアニメーションを追加できません。私は誰が取ることができれば、私は、私のCSSと以下のhtmlへのリンクを入れます -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -o-transit

0熱

1答えて

画像ズーム効果？

遠く離れているような画像がたくさんあることを想像してください。クリックすると、マウスX、Yをアンカーポイントとして近くをズームインします。だから、基本的にはすべての画像が整理されていますが（別々のDIVでも構いません）、カメラがコラージュをズームしたように、すべてがシームレスに一緒にズームインされます。 jQueryでこれがどのように行われるかを考えるのは難しいです。なにか提案を？ CSS3アニメ

2熱

1答えて

右から画像を移動するCSSトランジション

CSSトランジションで解決できるかどうかは興味深い状況です。説明する最もよい方法は、jsfiddleです。タイトルバーの上にマウスを置くと、テキストボックスと画像が移動することがわかります。しかし、これは、Xバックグラウンドの位置を100％以上に設定することでややこしいことになります。私が何を意味するか見るためにブラウザの幅をリサイズしてみてください。これは左から行うことができます - j

0熱

1答えて

CSS3でグラデーションの不透明度をアニメーション化することはできますか？

可能性の重複： CSS3 animation with gradients 次のように私は、コードをラジアル勾配の要素を有する： background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%); Iが不可視から可視に遷移したいです私は、最初のrgba値の

0熱

1答えて

jQueryの

と、他のはこれがここで見つけることができ昨日答えてしまった前の質問への拡張された後、各サークル1フェードインする必要があります：Expanding circles with CSS3 animations しかし、今、クライアントはそれは各サークルができ要求しているとテキストは次々に消えていくが、成長するアニメーションは維持される。私はCSS3トランジションを使用して円を拡大していますが、今はj

17熱

2答えて

CSS3トランジションでマウスオーバー/ホバーを遅らせる

私はホバリングされたときにサイズが変わるボックスを持っています。しかし、古いサイズを元に戻す前に、ボックスが新しいサイズを数秒間維持するように、マウス出力ステージを遅らせたいと思います。 div { width: 70px; -webkit-transition: .5s all; } div:hover { width:130px; } これはJava

1熱

2答えて

ページを離れる前にクリックしたリンクをアニメーション化するにはどうすればよいですか？ここで

は私が達成したいものです。をHTMLリンクをクリックすると、私はリンクが新しいウィンドウ/タブで開かれている場合、アニメーションはいけないページを離れる前に、それをアニメーション化します開催場所どのように私はこれを達成しますか？

3熱

2答えて

CSS3の遷移プロパティが面白いのはなぜですか？

ここで奇妙なことが起こっています。 http://tinkerbin.com/UZy6H6q4 tinkerbinが表示されない場合は、ここにhtmlとcssがあります。 <head> <style> ul{ overflow: hidden; padding:0; margin:0; list-style-type:none; backgr