小编Pro*_*r08的帖子

有动画示例：

.b-ball_bounce {transform-origin: top;}
@-webkit-keyframes ball_animation {
    20%   {transform: rotate(-9deg);}
    40%  {transform: rotate(6deg);}
    60%  {transform: rotate(-3deg);}
    80% {transform: rotate(1.5deg);}
    100% {transform: rotate(0deg);}
}
.b-ball_bounce:hover {
  -webkit-animation: ball_animation 1.5s;
  animation-iteration-count: 1;
}

当鼠标悬停一个元素动画开始。但是当鼠标离开时，动画立即停止。但我想在鼠标离开后完成动画。

这是在 JavaScript 帮助下的示例：http : //codepen.io/Profesor08/pen/pvbzjX 我想用纯 CSS3 做同样的事情，现在看起来是这样的：http : //codepen.io/Profesor08/pen /WbxeoW

我有一个解决方案,但这个解决方案很慢.例:

$arr = array(14, 0, 1, 0, 0, 0, 0, 0, 0, 224, 0, 255, 255, 255, 255, 255);
$hex_str = "";
foreach ($arr as $byte)
{
    $hex_str .= sprintf("%02X", $byte);
}

结果是:0E0001000000000000E000FFFFFFFFFF

格式是:

255 => FF
0 => 00
1 => 01
14 => 0E

如果您知道更快的解决方案,请分享.