html图片苹果无法显示,我用css3写的动画，在苹果手机上不显示，请大家帮我看下吧，谢谢！...

html:

云节点

css:

/能量柱/

.yunNode .flowImg {

position: absolute;

left: 0;

width: 100%;

height: 3rem;

bottom: 33%;

animation: flow 3s linear infinite;

}

/放射动画/

@-ms-keyframes flow {

0% {

height: 0;

}

100% {

height: 2.6rem;

}

}

@-moz-keyframes flow {

0% {

height: 0;

}

100% {

height: 2.6rem;

}

}

@-o-keyframes flow {

0% {

height: 0;

}

100% {

height: 2.6rem;

}

}

@-webkit-keyframes flow {

0% {

-webkit-height: 0;

}

100% {

-webkit-height: 2.6rem;

}

}

@keyframes flow {

0% {

height: 0;

}

100% {

height: 2.6rem;

}

}

苹果机上的效果：

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么？实际看到的错误信息又是什么？