Зарядка для глаз и анимация на CSS

Оживляем Микки Мауса

Изучив этот уров, Вы одновременно сделаете зарядку для глаз, а также узнаете как сделать небольшой блок у себя на сайте, где люди смогу дать отдохнуть своим глазам. Сейчас все проводят за экранами мониторов очень много времени, поэтому зарядку нельзя забывать делать.

Но основная суть статьи не в том. Если помните, вчера я создал Микки Мауса на чистом CSS с нуля. Надеюсь Вы посмотрели видео. Так вот сегодня я решил его немножко оживить. А сделать я это решил в виде двигающихся зрачков глаз.

В статье есть 2 варианта движения зрачков. Но я всё подробно расписал, что Вы сможете сделать движения по-своему усмотрению и выбрать любую траекторию. Для этого Вам нужно внимательно изучить мой урок. При появлении вопросов - Вы всегда можете задать их в комментариях.

Сделайте зарядку для глаз, повторяя за этим Микки Маусом - пример CSS - оживляем Микки Мауса.

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

С Уважением, Юрий Немец

		Это интересно 0	Как всё будет выглядеть в блоге: Зарядка для глаз и анимация на CSS Изучив этот уров, Вы одновременно сделаете зарядку для глаз, а также узнаете как сделать небольшой блок у себя на сайте, где люди смогу дать отдохнуть своим глазам Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/mir-v-kotorom-tyi-zhivesh/7989617/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Зарядка для глаз и анимация на CSS </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Изучив этот уров, Вы одновременно сделаете зарядку для глаз, а также узнаете как сделать небольшой блок у себя на сайте, где люди смогу дать отдохнуть своим глазам </div> </div> Зарядка для глаз и анимация на CSS <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/mir-v-kotorom-tyi-zhivesh/7989617/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Зарядка для глаз и анимация на CSS</a> <div style="font-family:trebuchet MS;"> Изучив этот уров, Вы одновременно сделаете зарядку для глаз, а также узнаете как сделать небольшой блок у себя на сайте, где люди смогу дать отдохнуть своим глазам </div> </div>

Юрий Немец

21.01.2015

В избранное Пожаловаться Просмотров: 328

Комментарии ⁰

Мир, в котором ты живешь 12390

Важные темы:

Активные участники:

Последние откомментированные темы:

Зарядка для глаз и анимация на CSS

Комментарии временно отключены

Открытая группа
2583 участника