请问如何用HTML和CSS实现菜单上下翻动的效果?
发布网友
发布时间:2022-04-26 05:31
我来回答
共1个回答
热心网友
时间:2022-04-28 15:39
假设每个标签的单位是li标签,li要设置overflow:hidden,并且li要有一个的高度。
li下边要添加一个div,给他个class叫child。给他个属性transtion: transform 2s;(多少s是希望多少秒完成动画)
child里面再画两个div,这两个div高度等于li的高度。这时候你只能看到一个div,因为下边的超出隐藏了。
li:hover child {
trasfrom: tranlateY(这里写一个li的高度,看情况是正直值还是负值。应该是正数)
}