1回答

• 

  言吖头

  2017-08-12 09:42:27

  已采纳

  transform: translatez(-25px);向z轴的负方向移动25px；transform: translateZ(-25px) rotateX(90deg);移动的同时翻转60度

  2 0

  爱上慕婉清6... 回复慕丝9335...

  先说下核心吧，这两个是为了让元素回到原来位置的。 1.任务六里面那个是未触发hover和focus时原始状态，在任务七里进行布局的时候，将两个span在z轴上向正方向移动25像素，为了保证布局合理，在任务六里让他们回到原来位置。所以给任务六一个在z轴负方向的25像素。这样无动态时的布局就完成了。（任务六模块是任务七的父级，所以可以这么搞） 2.任务五里面触发hover时，元素有一个rotateX(90deg)，触发这个后元素实际位置已经在z轴上向正方向移动25像素；所以在任务五里面又给个-25px让它回到原位。

  2017-10-11 12:10:30

  共 2 条回复 >