CSS3动画实现图片透明度变化在微信上无效的解决方案

Question

.mk_fadee{
-webkit-animation:mk_fadee 2s infinite linear;
-moz-animation:mk_fadee 2s infinite linear;
-ms-animation:mk_fadee 2s infinite linear;
-o-animation:mk_fadee 2s infinite linear}
mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}@-moz-keyframes
mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}@-o-keyframes
mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}@keyframes
mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}@-webkit-keyframes

.mk-animate-element.mk-in-viewport.fade-in{

-webkit-animation:mk_fadeee 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-animation:mk_fadeee 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-o-animation:mk_fadeee 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation:mk_fadeee 0.7s 1 cubic-bezier(0.445,0.05,0.55,0.95);opacity:1
}

Answer 1

mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}@-webkit-keyframes

@-webkit-keyframes mk_fadee{0%{opacity:0}25%{opacity:0.5}50%{opacity:1}75%{opacity:0.5}100%{opacity:0}}

改成这样写能行吗？就我所知 在ios的微信下 keyframes一定要加上webkit 否则不起作用 楼主可以试试