Html5监听手机摇一摇事件的实现

2020-04-24 19:04:16易采站长站整理

}

44% {
transform: translate(-1px, 0) rotate(0);
}

46% {
transform: translate(-2px, 0) rotate(0);
}

48% {
transform: translate(10px, 0) rotate(0);
}

50% {
transform: translate(-8px, 0) rotate(0);
}

52% {
transform: translate(-9px, 0) rotate(0);
}

54% {
transform: translate(9px, 0) rotate(0);
}

56% {
transform: translate(-2px, 0) rotate(0);
}

58% {
transform: translate(-5px, 0) rotate(0);
}

60% {
transform: translate(2px, 0) rotate(0);
}

62% {
transform: translate(-4px, 0) rotate(0);
}

64% {
transform: translate(1px, 0) rotate(0);
}

66% {
transform: translate(-3px, 0) rotate(0);
}

68% {
transform: translate(10px, 0) rotate(0);
}

70% {
transform: translate(4px, 0) rotate(0);
}

72% {
transform: translate(-6px, 0) rotate(0);
}

74% {
transform: translate(-6px, 0) rotate(0);
}

76% {
transform: translate(2px, 0) rotate(0);
}

78% {
transform: translate(-2px, 0) rotate(0);
}

80% {
transform: translate(-6px, 0) rotate(0);
}

82% {
transform: translate(-1px, 0) rotate(0);
}

84% {
transform: translate(-6px, 0) rotate(0);
}

86% {
transform: translate(-5px, 0) rotate(0);
}

88% {
transform: translate(-1px, 0) rotate(0);
}

90% {
transform: translate(-1px, 0) rotate(0);
}

92% {
transform: translate(-1px, 0) rotate(0);
}

94% {
transform: translate(-3px, 0) rotate(0);
}

96% {
transform: translate(-6px, 0) rotate(0);
}

98% {
transform: translate(-6px, 0) rotate(0);
}

0%,
100% {
transform: translate(0, 0) rotate(0);
}
}
}
</style>

注意:iphone需要在https下才可触发监听事件