Эффект поднятия текста
396
21 ноября 2017, 22:45
Как добавить эффект поднятия текста при наведении на него курсора?
Answer 1
На чистом CSS это будет выглядеть так.
.fly-on-hover span{
display: inline-block;
}
.fly-on-hover:hover span{
// Для более плавного эффекта, если не нужно — можно удалить.
transition: transform 300ms;
transform: translateY(-10px);
}<div class="fly-on-hover">
<span>Text</span>
</div>Answer 2
Еще вариант через позиционирование:
.container {
margin: 20px;
}
.text {
position: relative;
}
.text:hover {
top: -5px;
}<div class="container">
<span class="text">Текст</span>
</div>
-
06:25
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50348 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31957 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26333 visits
- Как через css изменить цвет png изображения? 11774 visits
- Blob video url download 11324 visits
- Php curl запрос через прокси с авторизацией 10730 visits
- Работа с captcha vk api 9526 visits
© "hostciti.net" 11.4.2026 | 17:01