data () {
return {
// Данные из формы в мм.
length: this.$route.query.length ?? 100,
width: this.$route.query.width ?? 100,
height: this.$route.query.height ?? 100,
}
},
.card-product {
position: relative;
overflow: hidden;
z-index: 1;
}
.card-hidden-description {
display: none;
}
.card-product:hover .card-hidden-description {
display: flex;
overflow: initial;
z-index: 2;
}
<div class="card-product">
Текст который есть всегда
бывает, что две строчки
<ul class="card-hidden-description">
<li>Текст который исчезает</li>
</ul>
</div>
.card-product {
overflow: visible;
}
.card-hidden-description {
display: none;
}
.card-product:hover .card-hidden-description {
display: block;
}