果冻屏效应测试页面 源代码
很久不见啊{:300_941:}最近mini6的果冻屏听说了吧
https://tb2.bdstatic.com/tb/editor/images/face/i_f08.png?t=20140803很不幸啊 我也是到手一眼看出果冻屏效应
很不习惯 感觉果冻效应出来的时候 我整个人都跟着扭曲了一下https://tb2.bdstatic.com/tb/editor/images/face/i_f06.png?t=20140803
但是打游戏没什么影响 包括大幅度转视角的场景 我都测试了 不会有扭曲感
老库克这次属实是有点属实了 我准备十一期间体验一下 实在受不了就退货https://tb2.bdstatic.com/tb/editor/images/face/i_f19.png?t=20140803
受的了 就... 就再忍一会
通过这次果冻屏事件 我也对比了很多的屏幕 到底有没有果冻效应
几乎是没有高刷的 集体阵亡https://tb2.bdstatic.com/tb/editor/images/face/i_f09.png?t=20140803
于是乎我做了一个工具 方便大家发现身边的果冻屏https://tb2.bdstatic.com/tb/editor/images/face/i_f28.png?t=20140803
预览地址 00mm.cc/gd
源码如下~根据w3c代码修改的 没什么技术含量 但是有点用
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 1900px;
height: 50px;
background-color: red;
position: absolute;
animation-name: example;
animation-duration: 6s;
animation-iteration-count: 9999;
}
p {
width: 50px;
height: 150vh;
background-color: red;
position: absolute;
animation-name: example2;
animation-duration: 6s;
animation-iteration-count: 9999;
}
@keyframes example {
0% {background-color:black; left:0px; top:0px;}
25%{background-color:black; left:0px; top:100vh;}
50%{background-color:black; left:0px; top:0px;}
75%{background-color:black; left:0px; top:50vh;}
100% {background-color:black; left:0px; top:0px;}
}
@keyframes example2 {
0% {background-color:black; left:0px; top:0px;}
25%{background-color:black; left:100vw; top:0vh;}
50%{background-color:black; left:0px; top:0px;}
75%{background-color:black; left:50vw; top:0vh;}
100% {background-color:black; left:0px; top:0px;}
}
</style>
</head>
<body>
<p></p>
<div></div>
<script>
window.onclick = document.onclick = function (e) {
var el = document.documentElement;
//这里的 el 可以是其他的页面元素，这样实现的就是这个元素的全屏，而不是整个页面的全屏
fullScreen(el);
}
function fullScreen(el) {
var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
el.mozRequestFullScreen || el.msRequestFullScreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
</script>
</body>
</html> 什么是果冻屏 谢谢分享 果冻屏？是按的时候出先东西吗 雨之幽 发表于 2021-9-27 13:14
果冻屏？是按的时候出先东西吗
是上下滑动的时候，左右速度不一致，比如你在右边上下滑动一屏，左边会慢慢的滑动下来，不太好说，去视频网站搜下果冻屏看看慢放比较直观 谢谢分享
页:
[1]