Как решить эти две проблемы на этом кодеде?

codepen.io Как решить эти две проблемы на этом кодеде?

~~Почему установка width: 100% на span не работает?~~
Есть ли способ архивировать тот же результат без @keyframes dummy и setTimeout?

EDIT

Просветлённых благодаря @Michael_B, швы быть ошибка с button тегом и flex, переключение на div или a работ. Если у вас есть дополнительная информация об этом, пожалуйста, поделитесь!

2016-12-21 Leo Cavalcante

1. Упорядочить вопрос по одной проблеме .. 2. Включить код по вопросу – DaniP

'width: 100%' не работает на 'span', потому что родительский контейнер (' button') имеет ' flex-direction: column'. Почему я еще не знаю. Кажется, он отлично работает с «flex-direction: row». Это может быть ошибка. Имейте в виду, что элементы 'button', как правило, не являются надежными в качестве гибких контейнеров: http://stackoverflow.com/q/35464067/3597276 –

Спасибо @Michael_B. Переключение на 'div' или' a' делает 'span'' width: 100% 'work. Просто интересно, почему тоже, всегда считал, что теги просто семантически различны (несмотря на стилизм), но это швы, что они имеют поведенческие различия. –

Просто найти эту статью на перезапуск CSS анимации: https://css-tricks.com/restart-css-animation/

Это проясняет грязь установки манекена анимации до истинной анимации.

источник

2017-02-10 16:21:54

Как решить эти две проблемы на этом кодеде?

ответ

Смежные вопросы