Я уже начал искать информацию о том, как анимируется display под капотом. Мол, оно анимируется, просто без промежуточных шагов, т. е. визуально нельзя отследить. Просто тут диссонанс в понимании, ибо тогда хотя бы работали transition-delay и transition-duration, но они тоже не работают. Там все всегда мгновенно и без задержек.
Для нормального анимирования visibility придется использовать opacity совместно с ним:
idkw13, сделайте на хаке для iOS через проверку поддержки свойствах -webkit-overflow-scrolling: touch. Тогда этот код будет срабатывать только на iOS. Пока просто нет времени разбираться, почему так происходит.
Вы не можете жить без CSS-фреймворка в проекте. И я не про Bootstrap сейчас.
Вот вы сделали несколько классов для стилизации ссылок, кнопок, заголовков, секций, которые вы постоянно используете в проекте — чем это не фреймворк? Вы же не придумываете для каждого заголовка с одинаковыми стилями новый класс.
CSS-фреймворк — не более чем набор готовых классов со стилями.
Вот вы сделали для проекта универсальный класс для стилизации кнопок — у вас уже вышел фреймворк.
Без кучи таких мелких классов вы будете постоянно писать одно и то же по сто раз за проект. В любом проекте есть свой фреймворк. Будь то Bootstrap, либо же кастомно написанное решение.
Я уже начал искать информацию о том, как анимируется display под капотом. Мол, оно анимируется, просто без промежуточных шагов, т. е. визуально нельзя отследить. Просто тут диссонанс в понимании, ибо тогда хотя бы работали transition-delay и transition-duration, но они тоже не работают. Там все всегда мгновенно и без задержек.
Для нормального анимирования visibility придется использовать opacity совместно с ним:
Тут хороший список всех анимируемых свойств:
https://developer.mozilla.org/en-US/docs/Web/CSS/C...