Document
之前一直想不通,如下为什么旋转到上面后要再旋转-90deg。
/*这东西是基于正常位置,而不是动画的位置如(transform:translateZ(50px) rotateX(-90deg) ;)*/ .nav .item a:hover p:last-child{ margin-top: 0; transform: translateZ(0) rotateX(-90deg); } 另外rotateX(-90deg)是上边缘向屏幕外旋转,也就是顺时针。反之。
本文共 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