Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2017, 15:55
Новичок на форуме
Отправить личное сообщение для Shur.ok Посмотреть профиль Найти все сообщения от Shur.ok
 
Регистрация: 13.04.2017
Сообщений: 2

Радиальное отображение изображения при скролле
Есть задача сделать такую анимашку:
https://vimeo.com/198287965
Головой понимаю что нужно навесить на скролл увеличение/сужение второго изображения, но ни затянуть его поверх первого, ни равномерно открыть его не получается. Причем блок еще должен быть закреплен во время анимации.
<div class="header-img-holder">
				
			<div class="first-img">
				<img src="img/1.png" alt="">
				<div class="first-screen-text">First text</div>
				
			</div>

			<div class="second-img">
				<img src="img/2.png" alt="">
				<div class="second-screen-text">Second text</div>
			</div>

		</div>

Помогите плиз.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как перезапустить скрипт, при скролле верх? salofun jQuery 2 22.02.2015 18:59
Заменить class в div при скролле страницы EvilDoom Общие вопросы Javascript 3 10.10.2014 14:56
Смена изображения при наведении курсора Lutsk Элементы интерфейса 4 06.10.2013 20:02
Прозрачный текст при скролле леха310596 Элементы интерфейса 3 23.04.2013 19:38
Отображение фото при наведении OnOff jQuery 2 11.04.2012 15:18