VPF::Красивое появление кнопки - Форум программистов

Areostar

Дата 27.7.2013, 21:35 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2

По клику на кнопке должна появляться форма(кпримеру авторизации) с этим проблем нет. Но как сделать так чтоб форма появлялась красиво к примеру разворачивались или проступала от центра к краям?

ksnk

Дата 27.7.2013, 22:26 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Открыть для себя jQuery? $(form).show('slow') вполне себе красиво оказывает форму. Если красоты не хватает - можно почитать про более другие анимационные возможности. Прелесть jQuery в том, что вся запись для юзера выглядит компактно и эффектно.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

JAYBE

Дата 29.7.2013, 14:22 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0

Код


<html>
    <head></head>
    <body>
        <div class="parent active">
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, natus, blanditiis, nemo quae voluptates tempore veniam facilis recusandae nostrum temporibus non ad architecto officiis sunt quasi itaque vitae! Voluptas, ea.</span>
        </div>
    </body>
</html>

<style>

div {
width:0;
height:0;
overflow: hidden;
margin: 0 auto;
}

div.active {
    width:100%;
    height: auto;
}

div.active {
    transition: all linear 1s;
}

Дальше под себя дописать стили

Это сообщение отредактировал(а) JAYBE - 29.7.2013, 14:23

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »