スマホcss

スマホサイトで使ったcss

/* 文字の自動調整回避 */
body{
	-webkit-text-size-adjust: 100%;
}
/_ インプット、テキストエリア スタイル無効化 _/
input[type="button"],
input[type="text"],
input[type="checkbox"],
textarea {
-webkit-appearance:none;
}
/_ プレースホルダー _/
::-webkit-input-placeholder {
color: #000;
}
/_ キーフレームアニメーション _/
.hoge {
-webkit-animation-name: myAnime;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes myAnime {
0% {
opacity: 0;
-webkit-transform: scale(1);
}
100% {
opacity: 1;
-webkit-transform: scale(2);
}
}