.msg-board { height: 3vh; background-color: rgb(112, 1, 103); overflow: hidden; } .msg-board:hover { transition: all 1s; height: 30vw; z-index: 100; } .msg-board:not(:hover) { transition: all 4s; height: 3vh; z-index: 100; } .msg-board h1 { margin: 0px; padding: 0px; text-align: center; }