84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
走同样的路,发现不同的人生
根据parent元素ul定位的
//网页源代码,ul的类名为menu .menu { position: relative; width: 170px; padding: 5px 0; line-height: 35px; border-radius: 5px; background: -webkit-linear-gradient(top,#dbdbdb,#999); }
这段css固定位置:
.menu li:nth-child(1):hover ~ .ribbon_wrap{ top: 8px; } .menu li:nth-child(2):hover ~ .ribbon_wrap{ top: 43px; } .menu li:nth-child(3):hover ~ .ribbon_wrap{ top: 78px; } .menu li:nth-child(4):hover ~ .ribbon_wrap{ top: 113px; } .menu li:nth-child(5):hover ~ .ribbon_wrap{ top: 148px; }
这段CSS移动过去:
.ribbon_wrap { position: absolute; top: 8px; left: -20px; z-index: 1; transition: top 0.4s; }
这里的transition让css的top属性在修改时以0.4秒的时间平滑的过渡过去。
根据parent元素ul定位的
这段css固定位置:
这段CSS移动过去:
这里的transition让css的top属性在修改时以0.4秒的时间平滑的过渡过去。