Javascript滚动按钮

我如何制作一个像：

我说的按钮是主横幅下面的9个按钮

• 翻滚时展开到顶部（动画）
• 更改文本

我该怎么做呢？

这是答案

基本的HTML是

<div id="box">
    <a href='#'>
        <div class="col_inside">
            <span class="span-inside">Button</span>
        </div>
    </a>
</div>

你最感兴趣的部分是

.col_inside {
    height: 60px;
    transition: height 0.5s linear;
}
.col_inside:hover {
   height: 90px;
}

---

转换采用您想要应用转换的属性、持续时间和计时功能

您也可以使用CSS实现相同的效果。如果您使用javascript，那么脚本将需要编辑DOM的CSS。

.col_inside {
    height: 60px;
    transition: height 0.5s linear;
}
.col_inside:hover {
   height: 90px;
}