在移动浏览器上旋转按钮阴影

Question

我正在使用css将按钮旋转到360度。按钮宽度设置为100％。当用户点击时，它会显示沿按钮旋转的阴影。我已经使用谷歌浏览器在模拟器和Android设备上测试了它。

.toggler {
outline: none;
margin-top: 10px;
height: 15px;
line-height: 1;
cursor: pointer;
text-decoration: none;
display: block;
width: 100%;
color: #555;
text-align: center;
-webkit-transition: 0.2s all ease-in-out;
-ms-transition: 0.2s all ease-in-out;
-moz-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;}


.toggler.rotate-up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}