преходът на webkit не изглежда да работи в някои правила за сянка на кутия

Искам разширяемо дърво в клетка на таблица. Накарах това да работи. Докато си играех с него, се опитах да добавя сянка на преходна кутия. Това работи само на коренно ниво. (JsFiddle).

Проблемът може да е свързан с преходите, които не работят на дисплея (връзка). Но промяната на дисплея нарушава ли всички преходи или пропускам нещо? (Слагам само преход към webkit.)

Благодаря.


css css-transitions
person RussAbbott    schedule 17.07.2012    source източник
comment
afaik box-shadow-transitions не се поддържат официално. И не може да има разумен преход между display състояния.   -  person amon    schedule 17.07.2012

Отговори (1)


arrow_upward
1
arrow_downward

Редактиране: Това може да е възможно заобиколно решение, тъй като ефектът на прехода не работи.

Опитвали ли сте да използвате анимации с ключови кадри? Направих някои промени в кода. Ето демо (jsFiddle).

промених:

/* This transition seems to have no effect. */
    -webkit-transition: box-shadow 0.5s;
}

to:

/* This transition seems to have no effect. */
    -webkit-animation: shadow 0.5s ease-in-out;
}  

@-webkit-keyframes shadow {
    0%   { box-shadow: 0px 0px 0px #000; }    
    100% { box-shadow: 4px 4px 7px #000; }
}
person Christofer Vilander    schedule 17.07.2012
comment
Благодаря за предложението Много ми е интересно защо преходът не се получи. - person RussAbbott; 18.07.2012