Возможно запускать анимацию javascript внутри существующего элемента заголовка?

Question

У меня есть сайт с заголовком php для навигации и отдельный элемент для контента. В заголовке есть логотип, который ссылается на домашнюю страницу и кнопки социальной сети, которые делают то, что вы ожидаете от них.

Итак, стандартный веб-сайт.

Возможно ли, на конкретной странице сайта, обработать заголовок в качестве фона?

Или, по-другому, чтобы логотип компании и кнопка социальной сети стали анимированными, а также перемещаться внутри заголовка? Затем упадите страницу, где они станут интерактивными.

Я могу анимировать объекты внутри элемента содержимого, но я не уверен, как их наложить поверх заголовка.

Спасибо за любую помощь.

Answer 1

Просто убедитесь, что заголовок не имеет переполнения скрытым и дает этим элементам абсолютное позиционирование с индексом z. Если заголовок нуждается в переполнении, вам нужно переместить эти элементы в тело или другой родительский узел, у которого нет переполнения, прежде чем они появятся за пределами заголовка.

Answer 2

Возможно, вы захотите рассмотреть использование свойства преобразования css3 (в вашем случае вы, вероятно, захотите перевести). Таким образом, вы можете свободно перемещать свои элементы, игнорируя любые ограничивающие элементы-родители.

В качестве примера применения

на любом элементе, будет переместить его 10px вправо и 20px вниз.

Однако вы все равно должны следить за переполнением: скрытые и z-индексы, как сказала Мика Уильямсон.