Есть блок с текстом. Мне нужно при наведении его увеличивать, раскрывать текст и чтобы многоточие исчезало. Я сделал увеличение блока, но не знаю как сделать раскрытие текста и исчезновение ...
Помогите решить эту задачу.
.book-wrap:hover {
transform: scale(1.5);
z-index: 1;
transition: transform .5s;
cursor: pointer;
}
.read-more-target {
opacity: 0;
font-size: 0;
transition: .25s ease;
}
<div class="book-wrap">
<p>Text <span class="point">...</span></p>
<span class="read-more-target">New text</span>
<img src="img/1.jpg" alt="">
<span>download</span>
<a href="#"><i class="fa fa-download"></i></a>
</div>
.read-more-target
?