9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,119
1

Как сделать анимацию ?

22.10.2016, 20:18. Показов 497. Ответов 3
Метки css (Все метки)

Нужно чтоб Второй блок(id block_two) выезжал справа налево закрывая собой Первый блок(id block_one ),при наведении мышки на Первый блок.

Интересует либо вариант кода на JS или CSS,без jQuery.

HTML5
1
2
3
4
5
6
<html>
<head>
 
<title>Транзишн</title>
 
<meta charset="utf-8">
CSS
1
2
3
4
5
6
<style>
#block_one{display: inline-block;width: 300px;height: 300px;background: yellow}
 
#block_two{display: inline-block;width: 300px;height: 300px;background: green}
 
</style>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
</head> 
<body>
 
 
<div id="block_one">Первый блок</div>
 
 
 
<div id="block_two">Второй блок</div>
 
 
    
</body>
</html>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.10.2016, 20:18
Ответы с готовыми решениями:

Как с CountUp.js сделать анимацию?
Ссылка на скрипт: https://github.com/inorganik/CountUp.js Помогите разобраться новичку - как...

Как сделать анимацию на сайте?
Здравствуйте друзья. Флеш вообще не знаю. Сейчас столкнулся с тем, что нужно сделать на сайте...

Как сделать плавную анимацию height?
Привет. Создал страницу с верхним меню навигации. При прокрутке контента меню фиксируется и...

Сделать анимацию по примеру
имеется такой пример: http://livedemo00.template-help.com/wt_43436/#!/page_splash хотелось бы...

3
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,393
22.10.2016, 21:13 2
Есть jQuery метод
Javascript
1
animate({});
0
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,119
22.10.2016, 22:46  [ТС] 3
Azdeman, Интересует либо вариант кода на JS или CSS,без jQuery.
0
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,393
22.10.2016, 23:02 4
Цитата Сообщение от TVPNERO Посмотреть сообщение
Интересует либо вариант кода на JS или CSS,без jQuery.
https://learn.javascript.ru/animation
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.10.2016, 23:02

Как зациклить мою анимацию ?
Как зациклить мою анимацию ? &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta...

Как воспроизвести gif анимацию с первого кадра при перезагрузке страницы или перезагрузить изображение?
Есть некое изображение img.gif с анимацией логотипа длительностью 4 секунды. Оно подгружается на...

Как сделать анимацию на js
Есть у меня изображение я хочу чтобы оно перемещалось каждые 20 миллисекунд я незнаю как это...

При нажатии на кнопку сделать анимацию загрузки
Есть кнопка &lt;button type=&quot;submit&quot; class=&quot;btn btn-lg btn-custom big&quot;...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.