Анимация объектов при наведении

Сообщение **rus** » 19 апр 2016, 23:23

Анимация объектов при наведении, перечитал всю информацию по данному вопросу, но последовательности действий по настройки не нашел. Может кто то последовательно пояснить какие параметры применять?

Сообщение **Alex15963** » 19 апр 2016, 23:29

При наведении - это по Trigeru - hover. Эффектов там очень много. Кнопка - добавить - Свойства. Выбираете анимацию

Сообщение **rus** » 19 апр 2016, 23:35

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

Сообщение **anonimus** » 19 апр 2016, 23:43

самый простой пример

anim.wbs

Сообщение **Alex15963** » 19 апр 2016, 23:45

Ну например Вам нужно анимировать картинку, что б затухал цвет. Идете TOOLBOX, выбираете Изображение, перетаскиваете его, выбираете имя файла и жмете ОК. Дальше кликаете 2 раза по картинке, заходите во вкладку CSS3 анимация - окно Переходы - кнопка Добавить - окно свойства - Opacity - значение например .(точка)5 - это интенсивность осветления - нажимаете ОК Смотрите в предпросмотре

Сообщение **rus** » 19 апр 2016, 23:45

anonimus, Спасибо

Отправлено спустя 1 минуту 29 секунд:
Алекс15963, И вам спасибо, буду разбираться

Отправлено спустя 14 минут 9 секунд:
Всего 2 работает как остальные оживить?

Сообщение **rus** » 20 апр 2016, 10:45

Ребята, кто подскажет как победить эту тему?

Сообщение **HawkHunter** » 20 апр 2016, 13:30

А что у тебя не получается? поставь задачу, кнопку анимировать или что...

Сообщение **dlod** » 20 апр 2016, 22:21

изучайте: https://webref.ru/css
или методом тыка на примерах различных css-анимаций и с небольшими познаниями как это работает (сам так изучал).
Вот вам пример hover анимации увеличение и уменьшение картинки, который вы сами сможете повторить: http://trtr.96.lt/effekty-izobrageniya.html

Сообщение **slitlog** » 03 июн 2016, 16:58

Что-то делаю "Уменьшение" все как описано, а выходит "Увеличение"

Сообщение **dlod** » 04 июн 2016, 10:33

В описании этого эффекта была ошибка, а именно "Выбираем изображение размером 400x400 и уменьшаем его до 300x300".
Нужно сделать немного по другому:
Выбираем изображение 400x400 и уменьшаем его, чтобы оно целиком поместилось в слое затем перетаскиваем его в левый верхний угол слоя. Далее увеличиваем это изображение до 400x400.

Проверьте последние два перехода:
Свойство: width
Значение: 400 (или ноль)
и
Свойство: height
Значение: 400 (или ноль)
Они обязательно должны быть с Триггером - по умолчанию (default)

Размеры изображения удобнее менять в разделе - "Свойства", которое находится справа от рабочего пространства.

Сообщение **slitlog** » 04 июн 2016, 18:43

А как можно добиться эффекта как здесь: http://www.templatemonster.com/demo/55445.html в разделе NEWS?

Сообщение **Peter** » 06 июн 2016, 01:46

возможно создать в фотошопе картинку прозрачный градиент
а потом создать анимацию и событие чтобы при наведении мышкой возникал такой эфект

Сообщение **slitlog** » 06 июн 2016, 02:27

А с текстом как быть?

Кто сейчас на конференции

Добро пожаловать на форум!