博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 3D旋转 hover 后设置transform 是相对于正常位置
阅读量:4964 次
发布时间:2019-06-12

本文共 466 字,大约阅读时间需要 1 分钟。

	
Document

  之前一直想不通,如下为什么旋转到上面后要再旋转-90deg。

/*这东西是基于正常位置,而不是动画的位置如(transform:translateZ(50px) rotateX(-90deg) ;)*/	.nav .item a:hover p:last-child{		margin-top: 0;		transform: translateZ(0) rotateX(-90deg);	}  另外rotateX(-90deg)是上边缘向屏幕外旋转,也就是顺时针。反之。

转载于:https://www.cnblogs.com/yqlog/p/5515402.html

你可能感兴趣的文章
深拷贝 vs 浅拷贝 释放多次
查看>>
Javascript 有用参考函数
查看>>
点群的判别(三)
查看>>
GNSS 使用DFT算法 能量损耗仿真
查看>>
【转】Simulink模型架构指导
查看>>
MYSQL数据库的导出的几种方法
查看>>
SQL Server-5种常见的约束
查看>>
硬件之美
查看>>
[转载]java开发中的23种设计模式
查看>>
表格的拖拽功能
查看>>
函数的形参和实参
查看>>
文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
查看>>
1Caesar加密
查看>>
【TP SRM 703 div2 500】 GCDGraph
查看>>
MapReduce 重要组件——Recordreader组件 [转]
查看>>
webdriver api
查看>>
apache 实现图标缓存客户端
查看>>
揭秘:黑客必备的Kali Linux是什么,有哪些弊端?
查看>>
linux系统的远程控制方法——学神IT教育
查看>>
springboot+mybatis报错Invalid bound statement (not found)
查看>>