纠正一个错误,不要介意哈

Web小菜鸟 CSS3 实现 loading... 07月08日提问

  • 0 回答
  • 89 浏览

.nav .item a p:first-child{

background-color: #090;

transform: translateZ(0px);

}

.nav .item a p:last-child{

background-color: #009;

transform: translateZ(0px) rotateX(-90deg);

margin-top: -50px;

}

.nav .item a:hover{

transform: rotateX(90deg);

}

.nav .item a:hover p:last-child{

margin-top: 0;

transform: translateZ(0) rotateX(-90deg);

}

这个是我改好的,上面无边距,看起来和老师的一样,如果把first-child和last-child设为50px,那么鼠标经过的时候就会有50px的空白给顶上去