• 0
Gleb_M

Как сделать что бы картинка собиралась из разных частей css

Вопрос

Совсем не понятно как сделать что бы картинки накладывались на сайте друг на друга, но с эфектами css
ну так сказать собиралась из разных частей, ну там сначала появляется фон потом человек и дальше солнце.

Код вот такой:

<html>
<head>
<link rel="stylesheet" href="animate.css">
<script src="wow.min.js"></script>
<script>
              new WOW().init();
</script>
<div style="text-align: center">

</head>


<body bgcolor="##006400">

<p><img class= "wow zoomin" data-wow-duration="5s"  src="FON_line_1.png"  width="80%"><p>

<p><img class= "wow zoomin" data-wow-duration="5s" src="man.png"  width="80%"><p>

    
<p><img class= "wow zoomin"  data-wow-duration="5s" src="FON_line_2.png"  width="80%"><p>
<p><img class="wow zoomin"  data-wow-duration="5s" src="FON_line_3.png"  width="80%"><p>
</body>
</html>

вот например в этом коде появляется FON_line_1.png, а дальше человек man.png над этой картинкой, которого надо поставить в правый нижний угол "точно в цель", а он появляется ниже первого фона. Сложность в том что фон тоже хотелось бы что бы появлялся эффектно и человек тоже, а дальше там солнце будет и ещё птицы из гифок.

весь код что написан выше в интернете хорошо объясняют разные люди и поэтому я его сам написал, а остальное ну не могу найти-понять как делать.

помогите пожалусто.

Все фоны это просто прямоугольные плашки размером 1920х900 рх, но я их в процентах как вы видите поставил.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

4 ответа на этот вопрос

Рекомендуемые сообщения

  • 0

в какой песочнице?

В 13.08.2017 в 05:13, andrey7287 сказал:

data-wow-delay

это всего лишь задержка.  потом картинка человека появляется в другом месте ниже фона.

Изменено пользователем Gleb_M

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас