Анимированные эффекты изображения.

Gudwinn писал(а):Прошу прошения, я короче зафэйлил, я вместо целых цифр (0-100), вводил .1 - 1 Чё то даже в голову не пришло что в проге может быть балаган со значениями...

Ну и отлично что разобрались. Бывает со всеми. Вон у мадам тоже не получилось :-):

Сообщение **gerdaler** » 05 окт 2015, 22:18

Добрый день!
А как лучше реализовать такое растворение слоя или фигуры до прозрачного на событие, которого нет в списке предлагаемых программой, например на прокрутку onmousewheel ?

Сообщение **Gudwinn** » 05 окт 2015, 23:50

распишите пожалуйста более подробно, какой именно эффект Вам необходим? Скиньте заготовку, разберёмся.

Сообщение **gerdaler** » 06 окт 2015, 00:07

Спасибо за быстрый отклик! Например, чтобы картинка или текст внизу экрана проявлялись только при начале скрола этой страницы.
Хотела через onmousewheel, но пока сделала через onscroll длинной подложки.

Сообщение **Gudwinn** » 06 окт 2015, 00:18

gerdaler писал(а):Спасибо за быстрый отклик! Например, чтобы картинка или текст внизу экрана проявлялись только при начале скрола этой страницы.
Хотела через onmousewheel, но пока сделала через onscroll длинной подложки.

!	Сообщение из: МОДЕРАТОР
	http://wysiwygwebbuilder.ru/forum/page/rules ПУНКТ 1.9 третье предупреждение пока делать не будем, так-как после третьего бан на неделю, но при этом просим соблюдать правила

Попробуйте сделать отображение нужного элемента через закладку (якорь), то есть при попадании якоря в видимую часть экрана, назначьте нужное событие - скрытие/отображение. Скиньте урл страницы, или wbs что бы хоть глянуть что Вы делаете.

Сообщение **gerdaler** » 06 окт 2015, 20:15

Спасибо большое, Gudwinn, Вы все правильно поняли, попробовала сейчас, именно то, что нужно получается. Вчера тоже нормально было (чем писала), но Ваш способ понравился больше :co_ol:

, т.к. именно на скролл реакция, а не на проводку мышью. Сначала спрашивала просто как первым подходящим событием из этого списка
viewtopic.php?f=10&t=1130&p=7329&hilit=onmousewheel#p7329
реализовать, если у меня в предлагаемых программой его не оказалось.
Остался еще вопрос с фиксацией полоски меню (внизу шапки) на верхнем крае экрана при прокрутке странице, но это в другую тему, наверно.

Сообщение **Gudwinn** » 06 окт 2015, 23:19

Для слоя меню сделайте слой липким. с относительной горизонт. размерностью , что бы слой не елозил, задержку вместо 500 поставьте 0. Поставьте галочку в "сохранять исходное положение пока слой скрыт".

Сообщение **gerdaler** » 07 окт 2015, 00:48

Большое спасибо, Gudwinn, все замечательно!

Сообщение **xxxL** » 07 окт 2015, 19:32

Господа. Подскажите. Может не по теме, но всё таки.
Как реализовать появление полупрозрачного слоя с текстом, в нижней часьти картинки при наведении на курсора на эту картинку, а при нажатии - переход по внешней ссылки.

Сообщение **sinpai** » 07 окт 2015, 20:19

Управляемое изображение или управляемый текст.

Сообщение **xxxL** » 07 окт 2015, 20:38

Огромное спасибо. Получилось реализовать с помощью управляемого текста.

Сообщение **igorweb** » 14 янв 2016, 18:43

Gudwinn писал(а):во вкладке "особый стиль" вбиваем это:
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;

Gudwinn, подскажите, а если эффект делается не на триггер hover, а в окне выше - на анимацию? Как в этом случае сделать, чтобы плавно возвращалось на место, т.к. этот вариант уже (на анимацию) не срабатывает?

Сообщение **Gudwinn** » 14 янв 2016, 19:29

Поподробней пожалуйста, не совсем ясно, какой Вам требуется эффект, и при каких условиях.

Сообщение **igorweb** » 14 янв 2016, 19:35

Все та же стрелка, про которую мы недавно беседовали. Ставлю на нее анимацию "animate-fade-in-down", анимация воспроизводится, стрелка плавно идет вниз, но при обратном движении идет резкий отскок назад, а нужно чтобы плавно возвращалась обратно.