[CSS]iOSでtransformが動かない場合の対処法

CSSプロパティ

2020.08.12

CSS
1. -webkit-transition: -webkit-transform を指定
HTML
デモ

CSS

-webkit-transition: -webkit-transform を指定

.transition {
	width: 25%;
	height: 100px;
	background-color: #ccc;
	transition: all 0.4s;
	-webkit-transition: -webkit-transform all 0.4s;
}

.transition:hover {
	width: 100%;
	background-color: #555;
}

.transition {

width: 25%;

height: 100px;

background-color: #ccc;

transition: all 0.4s;

-webkit-transition: -webkit-transform all 0.4s;

}

.transition:hover {

width: 100%;

background-color: #555;

}

HTML

<div class="transition">&nbsp;</div>

1	<div class="transition"> </div>

CSS

-webkit-transition: -webkit-transform を指定

HTML

デモ

コメント