Анимированый линейный переход по клику

06.04.2017, 21:19. Показов 499. Ответов 0

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

Добрый день уважаемые. Подскажите, пожалуйста как реализовать анимацию перехода линейного background у дива, по клику на кнопку Пример https://jsfiddle.net/3abuxdjd/1/

HTML5

1
2
3

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="block"></div>
<button></button>

CSS

.block {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  /*   background: linear-gradient(to bottom, #4b5fff 60%, #ebebeb); */
}
 
button {
  margin-top: 20px;
  width: 100px;
  height: 20px;
}

Javascript

$("button").on("click", function() {
  $(".block").animate({
    background: "linear-gradient(to bottom, #4b5fff 60%, #ebebeb)"
  }, 1000);
})

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

06.04.2017, 21:19

Ответы с готовыми решениями:

переход по клику на картинку
Здравствуйте. Имеется так называемое портфолио на сайте, в виде 4 картинок. Выложу ниже только 1...

По клику на <tr> переход по ссылке
Привет девелоперы ;) Возник вопрос как сделать такую штуку: <tr data-nfgroup_id="{id}">...

Изменить переход по клику в готовом шаблоне
Всем привет, Есть шаблон галереи http://hrr.zzz.com.ua , где при клике на миниатюру фотографии...

Переход на другую форму по клику кнопки
Есть 2 Формы. 1 Начальная, в ней кнопка чтоб открыть 2 форму Напишите мне код кнопки.:wall:

	06.04.2017, 21:19

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

06.04.2017, 21:19

Помогаю со студенческими работами здесь

Тег <button>. Переход на другую страницу по клику
Добрый день, не знал в какую тему задать вопрос, по этому спрошу тут: есть тег <button> в HTML, как...

Переход на страницу по клику на картинку - без пункта меню
Можно ли сделать так, чтобы была страница на сайте, но не отображалась в главном меню? А переходить...

Переход от формы к форме в проекте мобильного приложения по клику кнопки
Здравствуйте! Вот решил поучиться разрабатывать мобильные приложения. Собственно сразу же застрял...

Анимированый слайдер
Всем привет, возникла небольшая проблема с созданием анимации на сайте, прошу Вашей помощи. Нужно...

Анимированый курсор
Я сделал анимированный курсор. Такой же точно как и стандартные те же песочные часы при прогрузке...

Анимированый аватар
Есть какая то возможность ставить анимированные аватары? Гугл ответа не дал.

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Наверх