Vlad Posted September 27, 2013 Report Share Posted September 27, 2013 К Хэллоуину сделать изображение произвольного монстра с помощью свойств 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 к репутации и медальку лауреата. 3 Quote Link to comment Share on other sites More sharing options...
SmiteVils Posted September 29, 2013 Report Share Posted September 29, 2013 Задумка конкурса - Класс! Quote Link to comment Share on other sites More sharing options...
lexxcode Posted September 29, 2013 Report Share Posted September 29, 2013 и медальку победителя Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле Quote Link to comment Share on other sites More sharing options...
Vlad Posted September 29, 2013 Author Report Share Posted September 29, 2013 Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле Да, надо как-то починить, чтобы под профилем медальки отображались. Quote Link to comment Share on other sites More sharing options...
Demidovetz Posted September 29, 2013 Report Share Posted September 29, 2013 Очень интересный конкурс, я, хотя и новичок в html+css, но все же попробую! Quote Link to comment Share on other sites More sharing options...
Vlad Posted September 30, 2013 Author Report Share Posted September 30, 2013 Очень интересный конкурс, я, хотя и новичок в html+css, но все же попробую! Особенность этого конкурса в том, что опытные разработчики здесь преимуществ особых не имеют и находятся практически в одинаковом положении с новичками. 1 Quote Link to comment Share on other sites More sharing options...
Konor Posted September 30, 2013 Report Share Posted September 30, 2013 Свойства с вендорными префиксами для простоты не пишем (всё, что начинается на -moz, -webkit, -ms). в примере они присутствуют все равно делаем без них ? Quote Link to comment Share on other sites More sharing options...
Vlad Posted October 1, 2013 Author Report Share Posted October 1, 2013 в примере они присутствуют все равно делаем без них ?Это правило для вашего удобства добавлено, можете их использовать, конечно, но зачем. Quote Link to comment Share on other sites More sharing options...
vinny Posted October 7, 2013 Report Share Posted October 7, 2013 а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все) Quote Link to comment Share on other sites More sharing options...
klierik Posted October 7, 2013 Report Share Posted October 7, 2013 Предполагаю что Конкурс по анимированию будет в будущем ) Quote Link to comment Share on other sites More sharing options...
vinny Posted October 7, 2013 Report Share Posted October 7, 2013 а можно выкладывать только одну работу? если вот у меня несколько идей, и не знаю какая лучше Quote Link to comment Share on other sites More sharing options...
Vlad Posted October 8, 2013 Author Report Share Posted October 8, 2013 Можно выкладывать несколько работ. Внесу этот пункт в правила. Quote Link to comment Share on other sites More sharing options...
Vlad Posted October 8, 2013 Author Report Share Posted October 8, 2013 а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все)С анимацией интереснее, согласен, но как @klierik заметил, по ней будет отдельный конкурс. Если монстры получатся забавные, можно с ними продолжить тему анимации, в любом случае у меня уже есть идея проведения конкурса по анимации. Quote Link to comment Share on other sites More sharing options...
vinny Posted October 9, 2013 Report Share Posted October 9, 2013 а зачем размещать работы в тегах hide? это ведь из-за этого пишет открыто только для vip? Quote Link to comment Share on other sites More sharing options...
Vlad Posted October 10, 2013 Author Report Share Posted October 10, 2013 Чтобы не подсматривали раньше времени чужие работы. Quote Link to comment Share on other sites More sharing options...
Vlad Posted October 12, 2013 Author Report Share Posted October 12, 2013 Набор примитивных форм сделанных на CSS. Думаю, многим поможет такая подсказка.http://css-tricks.co...es/ShapesOfCSS/ Quote Link to comment Share on other sites More sharing options...
1121990 Posted October 12, 2013 Report Share Posted October 12, 2013 Набор примитивных форм сделанных на CSS. Думаю, многим поможет такая подсказка. Спасибо. Чтобы еще была возможность легко делать выпуклые и вогнутые стороны, например у треугольников. Quote Link to comment Share on other sites More sharing options...
nfsworld Posted October 31, 2013 Report Share Posted October 31, 2013 Мне очень понравился конкурс, я очень доволен наградой и буду ждать с нетерпением новых мероприятий! 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.