Перейти к публикации

Мини-конкурс «Рожицы»


Рекомендованные сообщения

Необходимо нарисовать анимированную рожицу пользуясь только средствами CSS при соблюдении ряда условий. 

 

  • Размер картинки 200х200 пикселей.

  • Картинка не должна выходить за область 320х320 пикселей.

  • Обязательно использовать анимацию.

  • В процессе работы нельзя использовать любые картинки (включая base64), SVG, VML, Canvas, скрипты, библиотеки и тому подобное. Фактически должен быть только HTML и CSS.

  • Разрешается выкладывать до трёх работ, объединяя их в одном посте или фидле.

 

Примеры работ можно посмотреть здесь. http://bennettfeely.com/csscreatures/

За основу можно взять этот код: http://jsfiddle.net/wrk8Lu4w/

 

Результат выставляем на сайт jsfiddle.net и публикуем его в специальной теме форума в виде ссылки на код. Своё сообщение и ссылку до завершения приёма работ можно сколько угодно менять. 

 

Принять участие в конкурсе может любой желающий, зарегистрированный на форуме htmlbook.ru.

 

Приём работ завершается 8 сентября в 10:00 UTC (13 часов Киева, Минска; 14 Москвы; 16 Екатеринбурга; 17 Омска; 18 Красноярска; 19 Иркутска; 20 Якутска; 21 Владивостока).

 

Все работы будут выставлены на общее голосование, победителем становится участник, набравший максимальное количество голосов к 10:00 UTC 15 сентября. Участники, занявшие первые три места получают книги по их выбору, плюс 30 к репутации и медальку победителя. Все участники, независимо от занятого места, получают плюс 10 к репутации и медальку лауреата.

Ссылка на сообщение
Поделиться на других сайтах
Примеры работ можно посмотреть здесь. http://bennettfeely.com/csscreatures/

в ссылку пробел закрался в конце

Ссылка на сообщение
Поделиться на других сайтах

Влад, у вас в CSS коде шаблона, потерялся знак "@" перед безпрефиксным keyframes.

Ссылка на сообщение
Поделиться на других сайтах

Влад, желательно делать приближенные к шаблону анимации или отсебятина (согласованная с условиями конкурса) тоже приветствуется?

Ссылка на сообщение
Поделиться на других сайтах

Влад, желательно делать приближенные к шаблону анимации или отсебятина (согласованная с условиями конкурса) тоже приветствуется?

все что не запрещено, то разрешено. Что вы как маленький.

Ссылка на сообщение
Поделиться на других сайтах

Влад, желательно делать приближенные к шаблону анимации или отсебятина (согласованная с условиями конкурса) тоже приветствуется?

 

Шаблон дан лишь для ориентира. Делайте так чтобы произвести впечатление и победить.

Ссылка на сообщение
Поделиться на других сайтах
  • 3 недели спустя...

Ух, здорово, у меня мидалька ))) Влад, спасибо за замечательный конкурс!

Все кто участвовал молодцы, очень понравились идеи и подходы.

Изменено пользователем amelice
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

  • Статистика пользователей

    47 315
    Всего пользователей
    1 451
    Рекорд онлайна
    Stoer
    Новый пользователь
    Stoer
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...