CSS3 переходы при оплавлении - PullRequest
Новая
       12

CSS3 переходы при оплавлении

1 голос
/ 12 апреля 2011

Возьмите этот дом в качестве примера. 

<div id="container" style="transition: width 1s ease-in-out;">
  <div style="width: 400px; display: none;"></div>
  <div style="width: 200px;"></div> 
</div>

Если я чередую, какой внутренний div скрыт, могу ли я запустить переход CSS3 (с помощью перекомпоновки)? Если бы это было возможно, я мог бы добавить много внутренних элементов и плавно переключаться между ними, не зная, какого они размера.

1 Ответ

0 голосов
/ 13 апреля 2011

Я бы не подумал, что это возможно только с помощью CSS - переходы не наследуются, поэтому их придется применять к рассматриваемым вложенным элементам, а переход ширины нельзя применять без ширины, так или иначе, например. для вложенного div нужно, чтобы width и 0 были установлены для перехода между ними либо при наведении курсора, либо при щелчке JS, либо при каком-либо событии

однако я думаю, что действительно не понимаю вопроса; 

#container div {transition: width 1s ease-in-out;}

будет применять его ко всем дочерним элементам div, тогда вы просто переключаете отображение и ширину, как бы вы ни думали об этом?

...