[B! css3][android] ruedapのブックマーク

ruedap id:ruedap

css3とandroidに関するruedapのブックマーク (3)

@keyframesとAndroid
@keyframesとAndroid CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。 transf ormに複数の値を指定すると動かない @-webkit-keyframes hogeName{ 0% {-webkit-transf orm:scale(1,2)} 50% {-webkit-transf orm:scale(2,2) translateY(10px)} 100% {-webkit-transf orm:scale(1,1) translateY(0)} } サンプルというようにtransf ormに複数の値が不規則に入る場合Androidでは動作しなくなることがあります。（このサンプルだとscaleの指定が無視される） @-webkit-keyframes hogeName{ 0% {-webkit-transf orm
ruedap 2013/03/29
android

css3

css3-animations

bug

keyframes
リンク
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定 <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
ruedap 2013/02/19
html5

smart-phone

iphone

ios

android

css3

javascript

mobile

mobile-first
リンク
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとかスマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！特に明記がないものはすべてWebkitについてです。見つけ次第順次追加予定。タイトル変更、増えてきたので目次追加しました。この記事はiOS5、Android 3以前について記載したものです【css】タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
ruedap 2012/08/31
css

bug

iphone

android

html5

css3

smart-phone
リンク
1