Mobile Phone horizontal Screen Tips

"Project Address": HTTP://DWZ.CN/RYGQ7

"Mobile QR Code":

"Effect":

【代码】

For a better experience, please use the vertical screen to browse

The

/* style is placed at the end to prevent congestion in base64 pictures */
@keyframes rotation {
10% {
Transform:rotate (90deg);
-webkit-transform:rotate (90deg)
}
50% {
transform:rotate (0);
-webkit-transform:rotate (0)
}
60% {
transform:rotate (0);
-webkit-transform:rotate (0)
}
90% {
Transform:rotate (90deg);
-webkit-transform:rotate (90deg)
}
100% {
Transform:rotate (90deg);
-webkit-transform:rotate (90deg)
}
}

@-webkit-keyframes Rotation {10% {transform:rotate (90deg);        -webkit-transform:rotate (90deg)} 50% {transform:rotate (0);        -webkit-transform:rotate (0)} 60% {transform:rotate (0);        -webkit-transform:rotate (0)} 90% {transform:rotate (90deg);        -webkit-transform:rotate (90deg)} 100% {transform:rotate (90deg);    -webkit-transform:rotate (90deg)}}.mod-orient-layer {display:none;    position:fixed;    height:100%;    width:100%;    left:0;    top:0;    right:0;    bottom:0;    Background: #000;    z-index:9997}.mod-orient-layer__content {position:absolute;    width:100%;    top:45%;    Margin-top: -75px;    text-align:center}.mod-orient-layer__icon-orient {display:inline-block;    width:67px;    height:109px; Background-image:url (' data:image/png;base64,ivborw0kggoaaaansuheugaaaiyaaadacamaaabu68ovaaaaxvbmveuaaad29vb/// /x8fh////////x8fh5+fn29vby8vl////5+fn39/f6+vr////x8fh////////+/v7////09pt////x8fh39/f////////////////////x8fh///+wltlgaaaahxrstlmaipml+ gb4zhhwn1c2gvhbvq1ukjcc6k8b187lq9yhhboaaaqysurbvhja7d3blpowfidhtuiaochzdkre/ze7ycysrbuupsrn2/ 1fzo18kzeqxevgtiznfgmmtxrc8iar8hne8x4btjqepkayycioybsgvnne1aknshqzylqk97egucchbzz5mkg7scvijuiyoyxbrfxgpqwzygsazlb1kjsji8n uthu4jcrbfrh8tmiri9k8jx2sqns8k/ M0lqkrkto2crgcgxgb4aitesb0hjfo9mggx7cgcyiywqxmmoovzwrhbg8tcomxjbdexvwcechbi14wgcbmmimzzgagm5jxetnwzmaxa8cmhdnwzmaxa8cmhdn wzmaxa8cmhdnwzmaxy6e2ruqxnh2tz9cirljfwfbjedapnuv0m7++egpde8iajcidmxwh5wwv9vuviw2klbvo3tju5uul/ eyb0folp4x60pdgud3qpurrwyjggtc05u+1dcgi7/+tccparwghh7o5y7rcf+bh9ctxlp6v2bvdxfqz0opxesvantino/ 1sxdv4dck8iikbhtc2ol+ioueontbcbyvvmnxojxww6s/rfrbupxhh/gw1rhj5d/qhyn9gpk2fwh6xrbrx5oj3znh2sq49/l6+ y8pb26q9gbe2dba2mvbx6i+7mfbgllcttm73zqi7ad3il4hqjfyjhsprppqauaj3atpga+ckpgak2hrrmyqjgmkvl+ xyfesmwjaqcszggddyhl0ontndn4yenjgzfgxnchp5/y3efh6sm2rdojmzboyxkdmqwyjigciw6f+ Io2fu1ixim1jqrmgxskvnkncxetpgru0jnso2c6ligpgcs8audhz9ta0sxwdtxodrh+mqlbc2dt2g2jfradtqzt2qq/orgowdgb2euxyiqwepvwhtbnszonapdstuqwxqf0aocdwkw4z+dfszih8pxjqbuce4yac+ 4bm0evtipjpgjhefnyyt1ku2xa0bhjxr27p75recnwyi9zwvxkhq+7atamev44yyy/spfgjgjnhaww+ geuhgex7tllvinifddsgnowhi1v6bu0b6tvs9eaere863g4drrtihdc6o+ nn5vtyvvgr79cqt4ul6gfhpqygqtp2vf7hadgbcywaogthm4jibywaogthm4jibywaogthm4jibywaogthm4jibywaogthm4jjhtom+j/ agt008ydmkn/dpp9hzs8zamqn3oeyeekp5yu7kokxwvxqiy+ Qs7smcingkabwdibgppjtsmhj4kidhhpbusmlw4cmphkhgkuxckhsygum71ftnsgcx6bsl8fqyfbcl5edysdk0r3j7aia5wpt5ajkg/2gljebd    /0HF2OOF/VRRJ6Z/7GTP4B3NMKYJHA12KIPSJNJS3FEO0TVKKYJHOWCR+RJJH0VN6FI5PJNBAAAAAELFTKSUQMCC ');    Transform:rotate (90DEG);    -webkit-transform:rotate (90DEG);    -webkit-animation:rotation Infinite 1.5s ease-in-out;    Animation:rotation Infinite 1.5s ease-in-out;    -webkit-background-size:67px;    Background-size:67px}.mod-orient-layer__desc {margin-top:20px;    font-size:15px;    Color: #fff}.mod-orient-layer__desc {margin-top:20px;    font-size:15px; Color: #fff}

var orientlayer = document.getElementById ("Orientlayer"); Judging horizontal screen vertical function Checkdirect () {if (Document.documentElement.clientHeight >= Document.documentElement.clientWidth) {return "portrait";} else {return "Landscape";}} Show screen orientation tip floating layer Function orientnotice () {var orient = Checkdirect (); if (orient = = "Portrait") {OrientLayer.style.display = "None"; } else {orientLayer.style.display = "block";}} function init () {orientnotice (); Window.addeventlistener ("Onorientationchange" in Window?) "Orientationchange": "Resize", function () {setTimeout (Orientnotice, 200);}) } init ();

"'

Mobile Phone horizontal Screen Tips