|
Сообщение от рони
|
|
1. зачем грузятся 4 шрифта под одним именем? это как-то используется, или просто пример загрузки и работает только последний загруженный?
|
Работают все 4 файла, но это один шрифт. В примере выше применяется обычное и жирное начертание (строки №56 и №62)
|
Сообщение от рони
|
|
2. как сделать последовательное не только появление, но и исчезновение?
|
На строке №108 указано, что исчезнуть должно сразу. (
transition-delay: 0s;) Вы можете указать ненулевую задержку.
|
Сообщение от рони
|
|
3.что даёт использование собственного свойства или это только для примера, и можно сделать иначе?
|
Если вы про строку №183, то такой подход даёт возможность достаточно просто описать задержку (строка №114), которая зависит от порядкового номера элемента.
Если вы про строку №148, то использование собственного свойства позволило сократить код на строках №№ 156 и 165. Также это показывает, как работают токены в СSS. Обратите внимание, что
--stripe представляет из себя 3 аргумента для функции linear-gradient. (строка №165) Да, можно сделать иначе, это не касается вопроса (строки №№126–173 не касаются темы), заданного автором, но скорей показывает возможности CSS. Толщину «гамбургера» регулирует свойство
--stripe-width (строка №147)