仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 923|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS风趣实例:让全部网页翻转效果

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:58:36 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
破洛洛文章简介:CSS到场到要完成翻转效果的网页中便可看到效果.
偶然候我们必要给用户一点欣喜,一些不同凡响。当你会见一个网站的时分发明网站的全部界面都是程度翻转过去的,会不会以为是扫瞄器出了成绩呢?实在这类网页翻转效果经由过程壮大的css就能够完成滴。

你只必要把以下的CSS到场到要完成翻转效果的网页中便可看到效果:
  1. 123456789
复制代码
  1. html{filter:fliph}body{-webkit-transform:rotateY(180deg);-moz-transform:skew(0deg,180deg)scale(-1,1);-o-transform:skew(0deg,180deg)scale(-1,1);transform:rotateY(180deg);}
复制代码
博客翻转后的效果展现:

园子博客翻转后的效果展现
其道理是让IE扫瞄器用户用滤镜完成网页的翻转效果,非IE扫瞄器用户经由过程CSS3完成网页程度的翻转
</p>
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 16:33

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表