Можно ли установить свойство дочернего элемента в ключевом кадре? ⇐ CSS

[Anonymous]

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

HTML

Код: Выделить всё

 





heading
article

CSS

Код: Выделить всё

#layoutBlock1 {
left: 0%;
top: 0%;
width: 49.75%;
height: 49.25%;
-webkit-animation: LlB1 1s;
animation: LlB1 1s;
}

@-webkit-keyframes LlB1 {
0%   {width:50%; height:50%; z-index: 1;}
100% {width:100%; height:100%; z-index: 100;}
}
@keyframes LlB1 {
0%   {width:50; height:50%; z-index: 1;}
100% {width:100%; height:100%; z-index: 100;}
}

(Все дополнительные оболочки нужны для того, чтобы полупрозрачный фон и закругленные углы работали на Android.)

(Я думаю, что трансформации здесь могут быть проще, чем ключевые кадры, но моя конечная цель — добавить еще несколько эффектов в дальнейшем.)

Когда мой ключевой кадр перемещается и изменяет размер, макет LayoutBlock1 div, я хочу сделать полупрозрачную подложку непрозрачной, но, поскольку это дочерний элемент, я не могу понять, как с этим справиться. Возможно ли это?

Подробнее здесь: https://stackoverflow.com/questions/265 ... a-keyframe