vue 悬停显示另一个div_vue 如何实现划入一个元素让另一个元素慢慢的显示和隐藏...

CSS:

.knowledgeborder{

width:100%;

display: flex;

justify-content: space-between;

}

.class-one{

border: 1px solid blue;

width:20%;

height:300px;

margin:0 2.5%;

border-radius: 20px;

}

.class-one p{

font-size: 18px;

text-align: center;

line-height: 30px;

}

.class-one>div{

width:90%;

background-color:yellow;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);

margin: 0 5%;

padding:10px;

border-radius: 10px;

box-sizing: border-box;

/* display: none; */

}

/* .class-one.active>div{

display: block

} */

.class-one>span{

background-color: blue;

color: #fff;

width:90%;

margin: 10px 5%;

padding:10