使用webkit内核强制渲染浏览器内核、内核前缀和360浏览器
HTML5学堂：本文主要介绍浏览器内核和内核前缀，并介绍如何将360浏览器内核、360浏览器渲染为webkit内核等知识。
香蕉手机-单人冰海：本文更新时间为2015年08月26日。 声明这一点，主要来源于一件事，2013年，百度知道中曾有一个animation回答CSS3动画播出后不能让它在最后状态停止。 本月中旬，“动画的新属性animation-fill-mode : forwards； ”的评论。 搬家了，说可以实现。 (时隔两年……还在讨论这个。 我只是想啊。 我想说的是，行业正在改变。 写文章不久也会过时。 hack就是其中的典型。 随着行业的变化更新自己的知识很重要。 评论，好吧，吐槽谁都可以。 不如把自己的知识拿出来和大家分享。 在这篇文章的结尾，让我再解释一下animation-fill-mode。
浏览器内核和内核前缀
内核是什么？
浏览器最中心的部分是“Rendering Engine”，可以翻译为“渲染引擎”，但我们习惯将其称为“浏览器内核”。
为什么需要知道内核
由于浏览器内核不同，对网页创建语法的解释也不同，因此同一网页在每个内核的浏览器中呈现(显示)的效果可能不同。 这也是前端工程师需要了解内核的原因。 前端工程师在代码中使用内核前缀将功能添加到相应的浏览器中。 也就是说，内核前缀表示一个类的浏览器，用内核前缀编写的代码只能应用于相应的浏览器。
常见浏览器和浏览器内核、内核前缀
1、IE浏览器-三角网
2、谷歌、苹果浏览器- Webkit，最新谷歌为Blink内核- Webkit
3、欧朋浏览器- Presto，最新版本也调整为webkit内核- o
4、火狐浏览器- Gecko - moz
详细内容请参照下图。
360浏览器
360浏览器是双核浏览器，在高速模式下使用Webkit核心。 Webkit核心是世界上速度最快的浏览器核心，支持许多网页的新标准，但由于Webkit核心是新的，国内一些网站还不支持该核心。
兼容模式使用IE浏览器使用的Trident内核，国内网页制作时主要是兼容的浏览器内核，兼容性问题较少。 IE9/IE10模式使用IE9/IE10浏览器中使用的新内核，并添加了对硬件加速、新的脚本呈现引擎、更标准的HTML5和CSS3的支持。
强制360浏览器使用webkit内核渲染代码。 在head中添加以下代码：
动画-文件-模式支持级别
1、移动安卓2.3和早期系统不支持“animation-fill-mode”属性
2、在谷歌浏览器中，如果采用steps(x，start )的设置方式，animation-fill-mode backwards会出现问题
欢迎交流~HTML5学堂