css-transitions

2熱

1答えて

アイテムの上にマスクがあるところで簡単なCSSの遷移を設定しようとしています。ユーザーがアイテムの上を移動すると、マスクの不透明度が0になりアイテムが完全に表示されます。私が持っている問題は、私は、たとえば、項目にマスクを配置するときということです： <div class="tile"> Home <div class="mask"></div> </div> <div

0熱

1答えて

動的なページ遷移

コンテンツをAjaxで読み込んだりアンロードするときに、コンテンツを@keyframesアニメーションに変換しようとしています。アクティブなデモは現在ここにあります：Test Page 私は多分JavaScriptを使用できないと思っていましたが、これが機能するかどうかわかりません。下のCSSの試行で間違っていてもいいですか？ /* Animation Settings */ .aniDown

1熱

2答えて

CSSを動作させるのに苦労する

私は自分の頭をCSS3トランジションに巻きつけようとしています。私の理解に何か間違いがあるのか、ブラウザが協力していないのか分かりません。まず第一に、バージョン10以降では、Operaは移行をサポートすると考えられていましたが、transitionも-o-transitionも11.62では何もしていないようです。あるいは、Operaは別の構文を使用していますか？とにかく、私は今のところ

1熱

1答えて

CSS3トランジション/アニメーションが機能しない

トランジションやアニメーションに関して、私はCSS3の周りを頭で覆そうとしています。私はいくつかのボックスを持っており、ボックスの上にマウスを置くと、タイトルと説明がアニメートされます。これを動作させるには、ラッパー要素の：hoverイベントが発生したときに、アニメーションを定義する必要があると考えました。私は私のCSSでこれを正しく実行していないと思います。 http://jsfiddle.n

1熱

2答えて

Javascriptのdisplay = "block"アクションのフェード効果

3つのタブのうちの1つをクリックすると3つのdivを切り替えるjavascriptがあります。は、ここに私のJavascriptです： (function($){ $.fn.acidTabs = function(options) { var settings = { 'style' : 'one' }; option

17熱

2答えて

CSS3トランジションで色を追加して消したい

DIVの背景（背景色がない）を赤色にしてから空白に戻したい。今ではJSを使って新しいCLASS（赤を追加する）を問題のDIVに追加し、CSS3は背景色にイージングを追加します。しかしそれはそれを楽にします、私が望むのは、それが赤くなって緩和することです。私は、JSを使って複数のCLassを遅れて追加することでこれを行うことができると思います。 CSS3を使ってこれを完全に行うことはできますか？

3熱

1答えて

Webkitの入力ファイルで、トランスフォームのラベルが表示されません：translateX

-webkit-transform: translateX(0%)を親コンテナに使用すると、Chromeの標準<input type="file">要素のファイル名「label」テキストが消えます。 Safariでは、テキストも隠されていますが、ファイル選択時にファイルのアイコンが表示されます。 http://jsfiddle.net/9sZxv/ 単に一のようなクラスの追加と削除：で、親のdiv

6熱

4答えて

マウスをホバリングしなくても実行し続けるCSS3のアニメーション（またはトランジション）をホバーすることができます

1つのリンクコンテナがホバリングしたときに展開するリンクリストを作成しています（詳細、画像、説明）。私はCSSのトランジションやアニメーションでアニメーションを作成することに問題はありません。問題は、マウスが離れた後でも拡張したままにしておきたいことです。そして私はjavascriptなしでそれをやりたいと思います。これは可能ですか？ありがとう！

1熱

1答えて

背景色とIE8とIE9

でMS-線形勾配の問題は、以下 background-color: rgba(91, 94, 85, 0.5) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55); filter:ms-linear-gradient(st

0熱

2答えて

フリッピングdivが、私はフリッピングdivのコンテンツのデモを反転<a href="http://css3.bradshawenterprises.com" rel="nofollow">http://css3.bradshawenterprises.com</a>に基づいて（トランジションや3Dトランスフォーム）を作成しているIE9

で働いていない1. それはすべてのブラウザで素晴らしい作品が、IE 9をサポートしていません。トランジションと3D変換が含まれます。私はIE9用のFLIPにはdivは必要ありませんが、画像の.face.front側が表示されるようにしたいのですが、代わりに.face側が表示されます。私はIE9以下は、その後、 http://jsfiddle.net/RC7WH/