Немного пятничной радости на CSS3

[Crazybot]

Левая, правая, левая, правая, левая, правая, левая, правая…
Кажется меня загипнотизировало…

[pavelpromin]

№5, левая 2 раза = релакс ;)

[Crazybot]

Да ну… Знать меру тоже надо… №5 это уже на любителя :)

[developer]

напомнило: www.youtube.com/watch?v=a6MurINpuug&feature=player_embedded

[Shajtan]

IE брутален.

[lomalkin]

Расскажите, что там под IE? Нет возможности посмотреть, смотрел только в хроме.

[lomalkin]

А, сорри, кажется ответ тут: habrahabr.ru/blogs/css/104451/#comment_3259827

[xinn]

Оригинальный подход к подаче материала, ничего не скажешь =)

[gionet]

Больше всего пятницы я люблю на хабре
Очень креативно

[mihavxc]

вечер пятницы на хабре, как-то немного печально это…

[AbyssMoon]

Плакали всем отделом, спасибо.
Не только смешно, но и полезно!

[girichev]

Это ж робо-заяц из «Ну, погоди!»

[Kastrulya]

сиськи Азимов-style

[Progrik]

После слов автора:
> поднять настроение тем, у кого Internet Explorer
запустил IE8 и увидел как раз этого «робо-зайца», хотел уже написать что «автор знает толк в извращениях», но потом прочитал весь топик и вспомнил что CSS3 нету в 8 версии =))

P.S.: пупок слишком большой. напоминает другую часть тела

[unbeliever]

ничего вы не понимаете в толковом пирсинге :-)

[Noker]

Нет, это злой робот!
habreffect.ru/files/c45/8bbe3dd7b/robot.gif

P.S. Safari 5.0

[Shajtan]

Это БДСМ какой-то. Всегда подозревал что-то за Apple…

[Dalairen]

Это помесь Бендера из Футурамы со Сквидвардом из Спанчбоба.

[PingMe]

Версия 5.0.2 (6533.18.5)
Сиськи нормальные :)

[darkfrei]

А ты их обведи курсором.

[Dalairen]

На левую — заяц, на правую — волк.
Так и получается: заяц, волк, заяц, волк…

[blo]

напомнило www.youtube.com/watch?v=zKO-tZGuFDg

[conturov]

Всегда нравилась реклама зарубежных автомобилей. Креатив так и прет из них.

[kegf]

уу, класс!

[ABrandt]

Красавчик!))))))))

[Pal_Mihalych]

Отличная идея для 404 страницы!)

[PrivateDetective]

Отличная идея для страницы «У вас старый браузер, обновитесь». ;)

[Progrik]

Старый браузер и CSS3, через которые это всё работает — вы что-то путайте =)

[PrivateDetective]

Я к тому, что как раз будет возможность посмотреть, насколько все не работает.

[Progrik]

Аа! Тогда пардоньте, превратно вас понял. За сим откланяюсь и удалюсь. =)

[ixside]

Нее, тогда почти весь траффик уйдет на страницу заглушки 404!

[Pal_Mihalych]

Зато как много придет нового травика на сайт с такой стильной заглушечкой!)

[Mirror]

Так ведь весь экшн на Java script, так что неправда про исключительно CSS3 :)
А ещё непонятно, почему у неё плечи вместе с сиськами подпрыгивают.

[Kottenator]

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

[juliv]

Кажется на CSS3 можно хотя бы похожую анимацию прикрутить.

[Slash]

а покажите как это выглядит в ие?

[seventh]

вот

[Slash]

это в ие9 так?

[seventh]

Не — в 8-ом. А в 9 вот)

[ardentum]

Легким движением выделения мыши обычные сиськи превращаются в замечательного робопса.

[Napolsky]

кто еще потыркал по кнопкам на картинке? :)

[darkfrei]

4 и 5 размеры пропали, куда дел?)

[K1N6]

раньше их небыло

[lexor]

наконец тема сисек в CSS3 раскрыта!

[kydapodatsya]

тема сисек не раскрыта!!! где 5 размер? ))))

[Kottenator]

Готово!

[IlVin]

В IE9 глючит — шея горизонтальная :)

[girichev]

Шея? IE9 оснащен новой функцией «фантазер-дорисовщик».

[Kottenator]

Если кому-то это надо, то я могу докрутить весию для IE9, для iPhone, Android и для чего ещё надо, допилить ещё всякого разного… Только тут нужно либо время, либо спонсоры. Пока-что нет ни того ни другого :)

[IlVin]

Восхищаюсь верстальщиками — у них хватает нервов и терпения на весь этот зоопарк браузеров!!!
Для Javascript придумали фреймворки типа jQuery, пора придумывать фреймворк для CSS3 :)

[greengarlic]

все же это лучше чем в ие8)

[Zig]

Если бы порно (как двигатель прогресса) было «завязано» на CSS — браузеры бы развивались нааа-а-а-амного быстрее! =)

[ForestLabs]

Докладываю, те самые, про которые собственно пост, ведут себя нормально в safai iPad.

[usja]

Добавьте до 5го размерчика :)

[Artash]

одному мне кажется, что единичка как-то не по-жизненному большая?

[Nc_Soft]

тоже об этом сразу подумал

[Kottenator]

Вижу, что с размерами я промахнулся. Подправил.

[usja]

4 и 5 одинаковые :(

[usja]

уже норм.

[Kottenator]

Подправил размеры + добавил №5

[cypok]

Выложите кто-нибудь скриншот IE9?

[Incole]

Пожалуйста:

[Incole]

Изображение почему-то упорно не крепится. Все ок, короче говоря, с ie9:

habreffect.ru/files/cc8/104aa0b79/Безымянный.png

[girichev]

Грусть.

[usja]

Почему, по-моему, если приложить фантазию — девочка просто сидит, а не стоит.

[d3sp]

грустный Дарт Вейдер :(

[PrivateDetective]

Ну если посмотреть одновременно на FF и IE… складывается впечатление что не «все ок»:

clip2net.com/clip/m24072/1284732610-clip-102kb.jpg

[Constantin]

извините но в IE как обычно «жопа», и в данном случае ее еще и видно

[AleksDesker]

Судя по всему автор молод и все еще смотрит на мир через розовые очки… первый размер гораздо меньше!

[Kottenator]

Не то, чтобы я совсем молод… Но в размерах совершенно не разбираюсь :)

[usja]

Рекомендую www.drawmanga.ru/tutors-body/breasts.shtm

[ardentum]

Черт, как сложно читать материал с такой концентрацией сисек!

[usja]

Вы ближе к низу читайте, там уже усложнение картины :)

[divanikus]

Ав, сразу захотелось вспомнить 5 лет в художке и порисовать >_<

[burzilov]

пупок — буква «о»? :)

[Kottenator]

Именно. Как бы подчёркивает CSS-ность данного творения.

[crwin]

тогда надо было его бордером сделать с радуиусом. более идеологично :)

[mace]

Отличная демонстрация преимуществ ІЕ9 перед ІЕ8 :)

[Tigger]

Точно. Вот что нужно было показывать на официальной презентации Microsoft!

[tyr]

Без ручек, без ножек, так жалко её :`(

[usja]

и без еще одного трёх важных частей!

[lega]

кто пупок кликал? :)

[usja]

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

[EaS]

А если нажать обе, а потом одну, то прыгать будут обе, но по-разному

[r0ster]

А если увлечься, то можно кончить… =) Шутка.

[SKYnv]

в опере 4 и 5 размер одинаковы почему-то

[Napolsky]

лично мне больше обидно что нет 1го размера. Маленькие сиськи тоже клевые :)

[SKYnv]

любые хороши если не отвисают безвольно. первый конечно мал, но в принципе не так страшно )

[usja]

первый был. Просто он был как второй.

[rastych]

Хорошо автор ухищрился, чтоб протянуть сиськи на главную :)

[dude_sam]

Меня за этим делом поймала жена…
… теперь я два дня без…
… интернета! :)

[alexDark]

javascript:var n=$('.breast .boob li'),p=0,l='listStylePosition',lo='outside',li='inside',p1=«padding»,pa=«18px 0 0»,a=setInterval(function(){switch(p){case 0:n.css(l,lo).css(p1,pa);p=1;break;case 1:n.css(l,lo).css(p1,0);p=2;break;case 2:n.css(l,li).css(p1,0);p=3;break;case 3:n.css(l,li).css(p1,pa);p=0;break;default:break;}},500);

наслаждайтесь :)

пастить прямо в строку браузера с открытым сайтом

[homm]

Исправленная версия:
pastie.org/1165024

[TroLLik]

web 3.0 ресурс:) в закладки однозначно

[r0ster]

На «домашнюю страницу».

[johny]

День CSS на хабре!

[freeiji]

нажал ctr+a увидел Lrrr ;)

[dvolk]

Ох, видели бы вы это в Konqueror

[Aquahawk]

Скрин в студию!

[dvolk]

Оно не так ужасно выглядит в статике, как в движении. А скринкаст делать тяжело — ни разу не пробовал еще.

[darkfrei]

CamStudio имеет крайне дружественный интерфейс.
Захват видео, конвертация видео в gif.

[beloks]

А где версия для девочек?

[zhylin]

вам то зачем? :)

[r00tkit]

Думал сделаю 7-ой. Нет… Не моё это — CSS, не моё… :D

[r00tkit]

хм… а почему картинка не вставилась?
habreffect.ru/files/61c/9dbd45c28/1284743207-clip-16kb.png

[Gol]

Класс. Только вот… Из личного опыта общения с сиськами помню что обладательницы оных левой называют ту которая слева у обладательницы. Т.е. надписи на кнопках надо бы местами поменять. А то жмём «Левая», а колышется правая… Но, чёрт возьми, классно колышится…

[Sabiko]

Думаю, в данном случае мнение обладательницы можно не учитывать :) А с точки зрения нажимающего всё правильно.

[codeby]

Афигеть :) Добавь внизу кнопку ретвита :) Пойдёт в народ! 100%

[Kottenator]

Готово!

[unbeliever]

До чего дошел прогресс, уже порно в CSS!

[ElysiumDoyle]

Даете сиськи 2.5 размера ;)

[bems]

Ссылка на главную webriders говорит 500

[Kottenator]

Наш многострадальный серверок таки рухнул :) Целый день я этого боялся.
Теперь вроде ОК.

[br3t]

Кто просил 2.5?
pastie.org/1165784 в body.js
Правда, если увлечься, то с радиусами беда будет (:

[dvolk]

Rekonq 0.4:

[r0ster]

Прям уродцы какие-то…

[r0ster]

api.browsershots.org/png/original/ce/cee53c84d64c20bc5ae50ab46e863726.png
api.browsershots.org/png/original/4d/4dd2b390945293b502d1e42dc11e636e.png
api.browsershots.org/png/original/d8/d8b0303d497329664caedbe9d77ea6fa.png
api.browsershots.org/png/original/e4/e4716aad6e6f22d91b5a8e3ca31f94a8.png

[Cake_Seller]

Вопрос по части семантики. Почему каждую сиську отдельно блоком UL сделали? Как-то не кошерненько :)
Раз уж взялись делать сиськи списком, то нужно чтоб каждая титька была элементом LI у которых общий родитель UL.
И вообще, как по мне, лучше всё DIV'ами сделать было.

[Kottenator]

LI мне нужны были исключительно в декоративных целях (nipples)
Делать же UL > LI + LI — у меня как-то не получилось центрировать.

Впринципе да, можно и DIV-ами

[ZagZag]

Внимание! На странице с «сиськами» есть скрытый ифрейм!
У меня IE пытался загрузить какой-то PDF при открытии страницы

[ZagZag]

Видимо уже пофиксили