css animation при попадании на экран

gotcha · Сообщение **gotcha** » 29 сен 2013, 16:37

Добрый день.

В 9м веб билдере появились отличные css анимации.
Их, как мы знаем, можно активировать при ховере, клике и другим событиям.

Вопрос вот в чем:
как сделать так, чтобы анимация проигрывалась при прокрутке страницы? т.е. когда объект попадает на экран - анимация проигрывается.
Пример того, что хочу достичь (сделано не в веб-билдере):
http://megabubbles.ru/

тут эффекты срабатывают при попадании объекта на экран

Спасибо заранее!

Grigoriy · Сообщение **Grigoriy** » 29 сен 2013, 23:44

Хотел задать подобный вопрос неделю назад где-то...
Тоже интересно, как такое сделать или где можно узнать более подробно за эти анимации!

Grigoriy · Сообщение **Grigoriy** » 01 окт 2013, 01:08

Это тайна, покрытая мраком?! На форуме не нашел, как делаются подобные вещи с помощью программы!

YouTube · Сообщение **Alex** » 01 окт 2013, 01:20

css анимация появилась с выходом 9 версии, и как я понял, пока ни кого не заинтересовала данная забава...

Grigoriy · Сообщение **Grigoriy** » 01 окт 2013, 10:19

Жаль...По-моему, очень крутая штука!
Кому интересно вот здесь есть примеры сайтов, где реализована такая штука.
http://lp4lp.ru/#examples
Alex, вы знаете где в программе css анимация выбирается? Потыкал и ничего не нашел...Или это тоже через расширения?!

YouTube · Сообщение **Alex** » 01 окт 2013, 10:59

Grigoriy писал(а):Жаль...По-моему, очень крутая штука!
Кому интересно вот здесь есть примеры сайтов, где реализована такая штука.
http://lp4lp.ru/#examples опять лендинги
Alex, вы знаете где в программе css анимация выбирается? Потыкал и ничего не нашел...Или это тоже через расширения?!

У некоторых объектов есть вот такая закладка в меню настроек:

Можно заглянуть и сюда:

Grigoriy · Сообщение **Grigoriy** » 01 окт 2013, 12:11

Да что вы напали на эти лендинги?! Сам теперь понимаю, что продают шаблоны, которые сделаны так...тяп-ляп...
Если с фантазией нормально, есть знания по созданию сайтов, то можно делать очень достойные сайты!!! Те же лендинги...
Alex, спасибо за наводку!

YouTube · Сообщение **Alex** » 01 окт 2013, 19:44

Нам на лендинги пофиг, мы скорее за то, чтобы люди делали их сами, а не платили за недоделки тем, кто их потом кидает...
Вот ты уже понял, что сначала надо изучить программу, пофантазировать и сделать себе нормальный сайт, мы в этом всегда поможем.
А как происходит обычно - человек покупает шаблон недоделку, потом долго и упорно его мучает в программе, а когда понимает, что ни чего не получается , а от продавца поддержки нет, бежит сюда и выносит всем моск :a_g_a:

и он не один такой, в последнее время это уже армия с лендингами :-)

вот по этому мы и вздыхаем...

Grigoriy · Сообщение **Grigoriy** » 01 окт 2013, 20:41

Alex, я сам такой... :-)

Поддержка работает, если человек купил сам материалы за полную стоимость...Общался по телефону, переписывался с одной тех. поддержкой и они доходчиво объяснили почему не всем отвечают на вопросы...Но это только насчет "Mokselle", за других не знаю...их уже очень много стало!

YouTube · Сообщение **Alex** » 01 окт 2013, 20:48

Если не гос тайна, по чём в среднем шаблоны лендинговые?

Сообщение **anonimus** » 01 окт 2013, 21:38

Alex писал(а):Если не гос тайна, по чём в среднем шаблоны лендинговые?

я видел конторы котрорые делают лендинги по 125000 р
я чуть не охренел

Grigoriy · Сообщение **Grigoriy** » 01 окт 2013, 21:55

Знаю только одну контору, которая делает от 100000 за лендинг!
Лучше их работ я ещё не видел пока! Дорого, цена завышена конечно, но если деньги есть, самому нет времени во всем разбираться, то это стоит таких денег!

Сообщение **Mavik** » 01 окт 2013, 22:53

Это ж каким лохом надо быть, шобы стоко денег за одностраничник башлять?!!!
Наверное БМ это тайный проект Мавроди!

YouTube · Сообщение **Alex** » 01 окт 2013, 23:03

Не-не, за лендинг это очень большая сумма, хоть там всё золотом раскрась... одна страница входа и всё, за что столько нулей...

пи.си.
Мне знакомый рассказал, что его компаньон для их только что открывшейся фото студии, заказал сайт типа визитки, ну там портфолио студии, координаты - контакты, цены на услуги, в общем всё как обычно - ни чего мега-турбо навороченного. Суть в том, что ему выставили за это 300 000, мы долго ржали над ним, да он и сам потом понял, чего сморозил... но уже 150К было в задатке... а могли бы сами сделать, за сумму куда приятнее))) как говорится - без лоха и и жизнь плоха... а ведь таких много, деньги вроде есть, а за что платит - не понимает )))

БМ это секта, уже не раз в инете про это видел )))

DruN · Сообщение **DruN** » 19 окт 2013, 12:03

Ну так и как же делать такую анимацию????? Кто знает, напишите!!!

Сообщение **Mavik** » 19 окт 2013, 12:17

С помощью CSS анимации. Чего Вы еще хотите?
Чтобы Вам пошагово рассказали как?
Вы видели цены на лендинг на этом сайте? Как Вы думаете, почему такие?
Да потому, что дизайнер-програмист потратил кучу рабоче-часов на изучение техник, с помощью которых он зарабатывает на жизнь!
Вы же хотите, чтобы Вам задаром показали и рассказали как это делается. Вам дали подсказку. Методом тыка и с чуточкой сообразительности Вы сможете разобраться с этоим вопросом.
И, уверяю вас, когда поймете как это делается, то не будете спешить делиться своими знаниями, ибо не захотите плодить себе конкурентов!
Так что пользуйтесь подсказками, включайте мозги, учитесь и зарабатывайте, на свой хлеб с маслом!

Grigoriy · Сообщение **Grigoriy** » 20 окт 2013, 04:44

На примере этого сайта PERFORMANCE LAB мне пригляделось, что при прокрутке вниз появляются текст и картинки со временем..не могу правильно объяснить, можно посмотреть, где пишут "9 причин рабоать с нами", "как мы работаем", "Часто задаваемые вопросы". В поле "анимация" не понятно какую надо выбрать функцию, а поле "переходы" надо добавить при каком условии должно появляться данное действие (при поподание части страницы в обзор экраны или при прокрутке)? Либо какое-то одно действие выбирается и меняется только его длительность...Пока трудно понять и сделать это...

upglad · Сообщение **upglad** » 20 окт 2013, 11:38

Неплохой эффект здесь
http://tympanus.net/codrops/2013/07/18/ ... ct-layout/

Через события страницы не получается - on scroll.

Нужно как-то привязываться к позиции на странице.

http://codepen.io/Kuzyo/pen/pcIhx

Но это через java script. средствами программы пока в раздумьях

noname · Сообщение **noname** » 09 апр 2014, 16:24

http://www.youtube.com/watch?v=x77jSL7E1K4#t=92

Сообщение **gorinartem** » 28 июл 2014, 11:38

Вот есть хорошее и качественное решение анимации. Анимация работает в одну сторону. При прокрутке назад она не повторяется
http://pagelanding.ru/post/animaciya-po ... anicy.html

css animation при попадании на экран [РЕШЕНО]

css animation при попадании на экран [РЕШЕНО]

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

Re: css animation при попадании на экран

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

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

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