Зарядка для глаз вместе с миньонами

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

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

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

Также я подробно описал этапы создания данной анимации, чтобы Вы могли понять принцип.

Реальная анимация зарядки для глаз с подробным описанием находятся здесь — анимация CSS.

		Это интересно 0	Как всё будет выглядеть в блоге: Зарядка для глаз вместе с миньонами - анимация CSS3 Я создал анимацию на CSS3, повторяя за которой, Вы можете дать отдохнуть своим глазам Скопируйте код для блога: <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/uchimsya-rabotat-v-kompyuternyih-programmah/8952402/" 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;"> Зарядка для глаз вместе с миньонами - анимация CSS3 </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Я создал анимацию на CSS3, повторяя за которой, Вы можете дать отдохнуть своим глазам </div> </div> Зарядка для глаз вместе с миньонами - анимация CSS3 <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/uchimsya-rabotat-v-kompyuternyih-programmah/8952402/" 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;">Зарядка для глаз вместе с миньонами - анимация CSS3</a> <div style="font-family:trebuchet MS;"> Я создал анимацию на CSS3, повторяя за которой, Вы можете дать отдохнуть своим глазам </div> </div>

Юрий Немец

11.08.2015

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

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

Учимся работать в компьютерных программах 1086

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

Зарядка для глаз вместе с миньонами - анимация CSS3

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

Открытая группа
54215 участников