Да, для этого необходимо присвоить значение forwards свойству animation-fill-mode:
div.animated { animation-fill-mode: forwards; }В полном виде:
div.animated { animation: animCode 2s ease-out forwards; } Вопросы и ответы по HTML-верстке сайта
Популярные запросы: Open Graph, плагин Reading Time, тема Quebec, плагин Telegram, набор иконок Analogue
Ответы на вопросы, чаще всего задаваемые фронт энд верстальщиками сайтов, верстальщиками и вебмастерами по использованию HTML и CSS, включая нестандартные ситуации и редко применяемые трюки и хаки.
- 1017 просмотров
- Обновлено: 20 февраля 2026 17:43
- admin
- 0
Стандарт CSS3 обеспечивает использование фильтра :not() который отлично поддерживается всеми современными браузерами:
input.special { background: #900; }
input:not(.special) { background: transparent; }Применять данный фильтр можно к любым атрибутам:
input:not([type=checkbox]) { width: 100%; }
input:not([type=checkbox], [type=radio]) { width: 100%; } На самом деле Safari поддерживает модель flexbox без ограничений, начиная только с версии 14.1, выпущенной в сентябре 2021 года. В качестве решения рекомендую использовать модель grid. Для нее с 10 по 11 версию свойство gap поддерживается в варианте grid-gap, а, начиная с 12 версии Safari полностью поддерживает свойство gap для модели grid:
display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem 1.5rem; /* Safari 10-11 */ gap: 1rem 1.5rem; /* Safari 12+ */