CSS3 图片旋转
2024-08-31 02:25:32
.nav_all { position:relative; z-index:; width:172px; display:inline; float:left; *zoom:; }
.nav_all b { display:block; font-size:16px; text-align:left; color:#fff; padding: 15px; height:46px; line-height:46px; background:#f90; }
.nav_all b i { float:right;display:inline-block; margin-left:10px; width:16px; height:46px; line-height:46px; background:url(../images/nav_all.gif) center center no-repeat; -moz-transform-origin:% %;
-webkit-transition:-webkit-transform .3s ease-in;
-moz-transition:transform .3s ease-in;
-o-transition:transform .3s ease-in;
transition:transform .3s ease-in;} .nav_all_box1 { display:none;/*大框架边框*/ width:170px; position:absolute; left:0px; top:46px; z-index:; border:1px solid #f90; border-top:none; box-shadow:0px 0px 3px #f60;}
.nav_all_box1 dl { position:relative; z-index:; float:left; }
.nav_all_box1 dl dt { padding:10px 15px; /*大框架背景宽度*/width:140px; color:#ccc; position:relative; z-index:; background:url(../images/jt_12.gif)/*背景图标left距离*/ 150px 16px no-repeat #fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.nav_all_box1 dl dt a { color:#; }
.nav_all_box1 dl dt a:hover { color:#f90; text-decoration:underline; }
.nav_all_box1 dl dd a { color:#06c; }
.nav_all_box1 dl dd a:hover { color:#f90; text-decoration:underline; } .nav_all_box1 dl dt:first { font-size:18px;} .nav_all_box1 dl dd { display:none; padding: 20px 20px 0px; /*子框架宽度*/width:477px; position:absolute; /*子框架边框*/left:170px; top:; z-index:; background:#fff; border:1px solid #f90; height:auto !important; min-height:200px; height:200px; box-shadow:0px 0px 3px #f60; } .nav_all_box1 dl.last dd { bottom:; top:auto; _margin-bottom:-1px;} div.nav_all_on b { background:#f90; box-shadow:0px 0px 3px #f60;}
div.nav_all_on b i {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
最新文章
- IE6/7下空div占用空间的问题
- C++笔记(二)------ 头文件
- 【iCore2 模块相关资料】iM_LAN 100M 以太网模块UDP例程
- drozer安装之夜深模拟器
- 第一天 :学习node.js
- AlwaysOn可用性组测试环境安装与配置(一)--SQL群集环境搭建
- C# Dynamic特性
- linux下swftools 的配置
- 使用Intent实现Activity的隐式跳转
- 关于C#重写,隐藏的一些事
- apache添加fastcgi支持
- 大教堂与集市(The Cathedral and the Bazaar)读书笔记
- 终极锁实战:单JVM锁+分布式锁
- ORACLE数据库学习之备份与恢复
- 运行selenium脚本,报seleneium common exception.SessionNotCreatedException:Message:Unable to find a matching set of capabilities错误
- webpack proxyTable 跨域
- Random-Forest-Python
- 【图像处理】openCV库教程
- [luogu2446][bzoj2037][SDOI2008]Sue的小球【区间DP】
- JavaScript 作用域链与闭包