Мини-конкурс Хэллоуин

[Vlad]

К Хэллоуину сделать изображение произвольного монстра с помощью свойств CSS3, при соблюдении ряда условий.

• Минимальный размер картинки 400х400 пикселов.
  
• В процессе работы нельзя использовать любые картинки (включая base64), SVG, VML, Canvas, скрипты, библиотеки и тому подобное. Фактически должен быть только HTML и CSS.
  
• Работа должна корректно отображаться в современных браузерах Firefox, Chrome, IE10.
  
• Свойства с вендорными префиксами для простоты не пишем (всё, что начинается на -moz, -webkit, -ms).
  
• Анимацию не используем.
  
• За основу разрешается брать любую готовую картинку и делать изображение по ней.
  
• Разрешается выкладывать несколько работ.
  

Пример работы можно посмотреть здесь.

http://media.smashin...onsters-dragon/

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

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

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

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

[SmiteVils]

Задумка конкурса - Класс!

[lexxcode]

  On 9/27/2013 at 5:08 PM, Vlad said:

и медальку победителя

Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле

[Vlad]

  On 9/29/2013 at 10:45 AM, alexriz said:

Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле

Да, надо как-то починить, чтобы под профилем медальки отображались.

[Demidovetz]

Очень интересный конкурс, я, хотя и новичок в html+css, но все же попробую!

[Vlad]

  On 9/29/2013 at 11:20 AM, Demidovetz said:

Очень интересный конкурс, я, хотя и новичок в html+css, но все же попробую!

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

[Konor]

  On 9/27/2013 at 5:08 PM, Vlad said:

Свойства с вендорными префиксами для простоты не пишем (всё, что начинается на -moz, -webkit, -ms).

в примере они присутствуют все равно делаем без них ?

[Vlad]

  On 9/30/2013 at 4:27 PM, Konor said:

в примере они присутствуют все равно делаем без них ?

Это правило для вашего удобства добавлено, можете их использовать, конечно, но зачем.

[vinny]

а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все)

[klierik]

Предполагаю что Конкурс по анимированию будет в будущем )

[vinny]

а можно выкладывать только одну работу? если вот у меня несколько идей, и не знаю какая лучше

[Vlad]

Можно выкладывать несколько работ. Внесу этот пункт в правила.

[Vlad]

  On 10/7/2013 at 11:58 AM, vinny said:

а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все)

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

[vinny]

а зачем размещать работы в тегах hide? это ведь из-за этого пишет открыто только для vip?

[Vlad]

Чтобы не подсматривали раньше времени чужие работы.

[Vlad]

Набор примитивных форм сделанных на CSS. Думаю, многим поможет такая подсказка.

http://css-tricks.co...es/ShapesOfCSS/

[1121990]

  On 10/12/2013 at 2:27 AM, Vlad said:

Набор примитивных форм сделанных на CSS. Думаю, многим поможет такая подсказка.

Спасибо. Чтобы еще была возможность легко делать выпуклые и вогнутые стороны, например у треугольников.

[nfsworld]

Мне очень понравился конкурс, я очень доволен наградой и буду ждать с нетерпением новых мероприятий!