yuheijotaki.com

2014/02/13 : 
スマホ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);
	}
}