HTML代码-把网站翻转过来

HTML代码-把网站翻转过来

网站源码踏雪2021-06-17 23:39:112320A+A-

项目介绍

把网站页面进行水平翻转

代码来源

知乎匿名用户


截图演示:

HTML代码-把网站翻转过来  第1张

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
<title>莫轻舞的盒子 - 镜子彩蛋</title>
<meta name="keywords" content="网站水平翻转源码,网站旋转源码,百度镜子网站源码,哔哩哔哩镜子网站">
<meta name="description" content="为您展示一个镜子里的网站,您所看到的一切都是反的。">
<style type="text/css">
#iframe {
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform: skew(0deg, 180deg) scale(-1, 1);
	filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	border: none;
}

#body {
	overflow: hidden;
}
</style>
</head>
<body>
<iframe id="iframe" src="http://hezi.moqingwu.com" target="_self">
</iframe>
</body>
</html>


点击这里复制本文地址 以上内容由踏雪博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

踏雪博客 © All Rights Reserved.  本站与中国电信无任何关系!联系邮箱 admin@mail.189.ro
Powered by Z-BlogPHP
联系我们| 关于我们| 留言建议| 网站地图