タグ付けされた質問 「webkit」

テキスト行の回転と配置に問題があります。今では、機能するのは位置だけです。回転も機能しますが、位置決めを無効にした場合に限ります。 CSS： #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } htmlは単なるプレーンテキストです。

86 css  webkit  transform  css-transforms 

それが右に整列したテキストに可能かどう誰もが知っている<select>か、より具体的<option>で要素のWebKitを。これは、IEを含むクロスブラウザーソリューションである必要はありませんが、可能であれば純粋なCSSである必要があります。 私は両方を試しました： select { text-align: right }およびoption { text-align: right }、ただし、どちらもWebKit（Chrome、Safari、またはMobile Safari）では機能していないようです。 どんな助けもありがたく受けました！

84 html  css  webkit 

これはiphoneサイトです：http： //www.thevisionairegroup.com/projects/accessorizer/site/ 「今すぐプレイ」をクリックすると、ゲームが表示されます。銃がスクロールインします。財布とアクセサリーを上下にスクロールできます。手放すと、所定の位置にカチッとはまることがわかります。そのスナップが発生するのと同じように、ちらつきが発生します。私が使用しているWebkitアニメーションは次のとおりです。 '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' アニメーション化するかどうかに基づいて、最初または2番目のトランジションを選択します。変換は、物事を移動する唯一の方法です。 ただし、最大の問題は、[アイテムを一致させる]をクリックしてから、[もう一度再生]をクリックすることです。銃がアニメートされると、アクセサリー/ハンドバッグの背景全体が白くなります。誰かがなぜこれが起こっているのかについての洞察を私に放射してくれませんか？

83 iphone  css  animation  webkit  flicker 

Gmailと同じ機能を実装したいと思います。新しいメールが届くか、新しいチャットが来ると、通知ポップアップが表示され、クリックすると、Gmailのタブがフォーカスされます。 私はこのコードを持っています： var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text'); n.onclick = function(x) { this.cancel(); }; n.show(); 通知をクリックすると、通知が消えます。次に、この通知を作成したページを表示してフォーカスするために、onclick関数にコードを追加する必要があります。Gmailはそれを非常にうまくやっているので、私はそれが可能であることを知っています。しかし、Gmailのソースを調べることに成功しませんでした（それらは最小限に抑えられ、難読化されています）。 誰もがこれを行う方法を知っていますか？

82 javascript  google-chrome  webkit  notifications  gmail 

一部のプラグインCSSのオーバーライドに問題があります。そのCSSを直接​​編集することは、プラグインの更新のリスクを高めるため、実際にはオプションではありません。 問題：要素には絶対位置があり、元の要素にはtop：0pxがあります。bottom：0pxで上書きしたい。 例のために .element {position:absolute; top:0;} /* in another file */ .my .element {bottom:0;} Firefoxではこれは問題なく動作します（bottom：0が適用されたスタイルです）が、safari / chromeはtop：0を超えていないようです。 この問題を回避することはできますが、クリーンな解決策を考え出すとよいでしょう。

82 css  webkit  css-position 

CSSトランジションを使用して、CSS変換された状態間を遷移します（基本的には要素のスケールを遷移します）。要素が遷移しているとき、ページ上の残りのテキスト（Webkit内）は、遷移が完了するまでレンダリングをわずかに変更する傾向があることに気付きました。 フィドル： http //jsfiddle.net/russelluresti/UeNFK/ 私はまた、これが私のヘッダーでは発生しないことに気づきました。 -webkit-font-smoothing: antialiasedプロパティと値のペアました。したがって、テキストをデフォルトの外観（フォントスムージングの「自動」値）に維持し、遷移中にレンダリングを変更しない方法はありますか？ 「auto」値を使用するようにテキストを明示的に設定しようとしましたが、何もしません。font-smoothingを「none」に設定すると、トランジション中にレンダリングが点滅するのを防ぐことにも注意してください。 どんな助けでも大歓迎です。 編集1 私はOSXを使用していることに注意してください。ParallelsのChromeでのテストを見ると、2つの異なる段落の動作が異なることがわかりませんでした。したがって、これはMacに固有の問題である可能性があります。

81 css  webkit  css-transitions  css-transforms 

ではSafariの13のリリースノートには、バウンススクロール効果を有効にする要素には以下のものを適用する必要がなくなったことを述べていません。 div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } ただし、次のコードでこの効果を無効にすることはできなくなりました。 div { overflow-x: scroll; -webkit-overflow-scrolling: auto; } 作業中のカルーセルにこれが必要です。それを修正する方法について何か考えはありますか？ありがとう！

8 html  ios  css  scroll  webkit