Как заставить свойство transition выполняться одновременно на нескольких элементах?

[lavrentyev]

Добрый день уважаемые!

 

Подскажите, пожалуйста, как заставить свойство transition выполняться одновременно на нескольких элементах (div)

 

Вот код:

 

<div class="anim">

<div class="mbez" style="transition: width 3s ease;"></div>

<div class="mbez" style="transition: width 3s linear;">;</div>

<div class="mbez" style="transition: width 3s ease-in;"></div>

<div class="mbez" style="transition: width 3s ease-out;"></div>

<div class="mbez" style="transition: width 3s ease-in-out;">;</div>

<div class="mbez" style="transition: width 3s step-start;"></div>

<div class="mbez" style="transition: width 3s step-end;"></div>

</div>

 

И стили:

 

div.mbez {width: 250px; height: 50px; background: #F97B16; border: 1px solid #A13F0A; 
               padding: 5px 10px; font-size: 14px; font-style: italic; cursor: pointer;}

div.mbez:hover {width: 550px;}

div.anim {cursor: pointer;} 

 

Нужно чтобы при наведении на область общего блока <div class="anim"></div> выполнялось свойство transition на всех блоках <div class="mbez"></div> одновременно.

Буду благодарен за помощь!

 

 

[wwt]

http://jsfiddle.net/5xevhjmg/

[rus]

1) выложите код на http://jsfiddle.net/

2) стили, которые нужно применить при реакции на ховер нужно писать так:

div.anim:hover .mbez {...}

3) код оборачивайте в bb теги форума.

 

http://jsfiddle.net/rus333/s2db5ncc/

опередили