Как с помощю css плавно увеличить текст?

Question

Николай Романов @meekes

Стажер

Как с помощю css плавно увеличить текст?

Я знаю что можно плавно увеличивать фон. Можно ли так с текстом?

Хочу статический фон и плавное увеличение текста на нем. Допустим с 16px до 28px. Без hover эффектов.

Вопрос задан более трёх лет назад
3469 просмотров

1 комментарий

Подписаться 2 Средний 1 комментарий

Пригласить эксперта

Ответы на вопрос 1

7 комментариев

Николай Романов @meekes Автор вопроса

<span style="transition: all 1s;">1</span> цифра 1 не увеличивается)

Написано более трёх лет назад
Виолетта Морозова @vilka_2009

Это не будет работать без hover'а

Написано более трёх лет назад
aloky @aloky

meekes, Так ты хочешь как? При каком случае он увеличивался?

Написано более трёх лет назад
Николай Романов @meekes Автор вопроса

aloky, просто должен увеличиваться, если на него смотришь с 16px до 28px или со 100% до 150%

Написано более трёх лет назад
Егор Живагин @Krasnodar_etc

meekes, погуглите свойство animate , и анимацю на css . Вам нужно с его помощью менять font-size.

Написано более трёх лет назад
Николай Романов @meekes Автор вопроса
Спасибо нашел, что искал, так работает, пытаюсь настроить плавность.
@keyframes test { from{font-size: 70px;} to{font-size: 90px;} } .zoom{ animation-name: test; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; }
Написано более трёх лет назад
Николай Романов @meekes Автор вопроса
Если делать через % , получается очень крутая плавность

@keyframes test { from{font-size: 70%;} to{font-size: 100%;} }
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 4 часа назад
- 16 просмотров
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 5 часов назад
- 22 просмотра
1

ответ
HTML

+1 ещё

Средний
Как поместить картинку рядом с текстом?
- 1 подписчик
- 8 часов назад
- 53 просмотра
1

ответ
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- 12 часов назад
- 65 просмотров
3

ответа
Веб-разработка

Простой
Как сделать чтобы при нажатии на кнопку или сылку в div блоке открывалась галерея?
- 1 подписчик
- 13 часов назад
- 27 просмотров
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- 16 часов назад
- 458 просмотров
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 1825 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- вчера
- 61 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- вчера
- 200 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Исправление ошибок в работе вебсайта / Доработка интернет-магазина

24 апр. 2024, в 02:51

50000 руб./за проект

Анимация логотипа

24 апр. 2024, в 00:08

20000 руб./за проект

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

При каких обстоятельствах в css можно увеличивать фон? Где вы такое взяли? Динамические CSS свойства будут срабатывать при отклике на какие-то события. В css-е это может быть наведение на элемент, сам момент нажатия, состояние посещенной ссылки и фокус на элементе. Все остальные события обрабатываются через js. При каком поведении должен увеличиваться шрифт? Все что зависит от времени, кликов, скроллов и пр. - все через js.

Answer 1 · 2018-02-25 19:54:33

aloky @aloky

js

transition: all 1s;

Ответ написан более трёх лет назад

7 комментариев

Как с помощю css плавно увеличить текст?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт