Opera mini css3 变换、渐变、过渡 polyfill？答案

【问题标题】：Opera mini css3 transform, gradient, transition polyfill?Opera mini css3 变换、渐变、过渡 polyfill？
【发布时间】：2014-08-26 04:06:59
【问题描述】：

在一些不支持下载速度优化的该死的 lil 浏览器中，是否有一些在一些 undergithub 实验室秘密维护的垫片？我对 css3 过渡、渐变、变换感兴趣。任何理智的想法将不胜感激。

【问题讨论】：

标签： javascript css polyfills opera-mini

【解决方案1】：

关于 Opera Mini 中的transition/transform：

Opera Mini 使用OBML。 OBML 服务器场呈现请求的网页，然后在将其转换为 OBML 并将其发送到浏览器之前对其进行快照。所以 Opera Mini 中的页面不能通过 css 或 javascript 或 gif 进行动画处理。

关于 Opera Mini 中的gradients：

Opera Mini 使用基于Presto 浏览器引擎的服务器来渲染页面。 Presto 版本2.10 可以渲染CSS3 渐变。现在 Android 上的 Opera Mini 7.5（最新版本）使用 Presto 2.8，Opera Mini 8 使用 Blackberry 和 Java-browsers 使用 2.9 版本。所以2.10 不是那么远（可能是一年）。

您还可以通过以下方式使用 css inline base64 图片：

some_selecor { 
  background-image: url(data:image/png;base64,base64_image_code_here);
}

在Opera Mini 中，您可以将渐变设置为编码background-image。

恕我直言：

Opera Mini 使用服务器场渲染来节省手机电量并节省流量（OBML 中的请求大小仅为同一页面的HTTP 请求大小的 10%）。所以渲染所有的 CSS3 特性并不是这个浏览器的主要目标。

【讨论】：