愚人节页面翻转效果的实现 -- CSS/HTML -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> CSS/HTML --> 愚人节页面翻转效果的实现

愚人节页面翻转效果的实现

浏览:2114次出处信息

愚人节，逛pinterest.com的时候，发现页面上的有些地方翻转了，着实被愚了一把。

所以在自己的博客上也加了一下效果，具体的实现通过ie滤镜和css3旋转，具体代码：

html{filter:fliph}/*ie fliph(水平翻转滤镜)，还有flipv垂直翻转滤镜*/ 

body{-webkit-transform: rotateY(180deg);

transform: rotateY(180deg);

-moz-transform: skew(0deg, 180deg) scale(-1, 1);

-o-transform: skew(0deg, 180deg) scale(-1, 1);}

一个意外的结果是昨天的访问数增加了1000+；

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：Firefox滚动残影

建议继续学习

近3天十大热文