Kottenator Sep 17 2010 at 17:11

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

2 min

16K

CSS*

+307

125

Comments 125

Crazybot Sep 17 2010 at 17:15

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

pavelpromin Sep 17 2010 at 18:31

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

Crazybot Sep 17 2010 at 18:33

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

developer Oct 23 2010 at 17:49

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

Shajtan Sep 17 2010 at 17:24

IE брутален.

lomalkin Sep 17 2010 at 21:20

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

lomalkin Sep 17 2010 at 21:21

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

xinn Sep 17 2010 at 17:24

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

gionet Sep 17 2010 at 17:27

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

mihavxc Sep 17 2010 at 22:13

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

AbyssMoon Sep 17 2010 at 17:27

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

girichev Sep 17 2010 at 17:28

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

Kastrulya Sep 17 2010 at 17:33

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

Progrik Sep 17 2010 at 18:27

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

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

unbeliever Sep 17 2010 at 19:22

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

Noker Sep 17 2010 at 19:23

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

P.S. Safari 5.0

Shajtan Sep 17 2010 at 20:08

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

Dalairen Sep 17 2010 at 20:42

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

PingMe Sep 18 2010 at 00:17

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

darkfrei Sep 18 2010 at 00:21

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

Dalairen Sep 17 2010 at 20:40

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

blo Sep 17 2010 at 17:28

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

conturov Sep 17 2010 at 17:51

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

kegf Sep 17 2010 at 17:30

уу, класс!

ABrandt Sep 17 2010 at 17:31

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

Pal_Mihalych Sep 17 2010 at 17:32

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

PrivateDetective Sep 17 2010 at 18:22

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

Progrik Sep 17 2010 at 18:29

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

PrivateDetective Sep 17 2010 at 18:30

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

Progrik Sep 17 2010 at 18:45

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

ixside Sep 17 2010 at 21:20

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

Pal_Mihalych Sep 17 2010 at 21:27

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

Mirror Sep 17 2010 at 17:32

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

Kottenator Sep 17 2010 at 17:33

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

juliv Sep 17 2010 at 17:42

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

Slash Sep 17 2010 at 17:33

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

seventh Sep 17 2010 at 17:40

вот

Slash Sep 17 2010 at 17:45

это в ие9 так?

seventh Sep 17 2010 at 17:55

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

UFO landed and left these words here

ardentum Sep 17 2010 at 17:34

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

Napolsky Sep 17 2010 at 18:16

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

darkfrei Sep 17 2010 at 22:56

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

K1N6 Sep 18 2010 at 00:20

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

lexor Sep 17 2010 at 17:35

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

kydapodatsya Sep 17 2010 at 17:38

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

Kottenator Sep 17 2010 at 17:54

Готово!

IlVin Sep 17 2010 at 17:35

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

girichev Sep 17 2010 at 17:39

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

Kottenator Sep 17 2010 at 17:40

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

IlVin Sep 17 2010 at 17:57

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

greengarlic Sep 17 2010 at 17:43

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

Zig Sep 17 2010 at 17:36

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

ForestLabs Sep 17 2010 at 17:36

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

usja Sep 17 2010 at 17:37

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

Artash Sep 17 2010 at 17:46

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

Nc_Soft Sep 17 2010 at 17:51

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

Kottenator Sep 17 2010 at 17:54

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

usja Sep 17 2010 at 17:55

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

usja Sep 17 2010 at 17:56

уже норм.

Kottenator Sep 17 2010 at 17:55

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

cypok Sep 17 2010 at 17:37

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

Incole Sep 17 2010 at 17:45

Пожалуйста:

Incole Sep 17 2010 at 17:52

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

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

girichev Sep 17 2010 at 17:55

Грусть.

usja Sep 17 2010 at 17:55

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

d3sp Sep 17 2010 at 18:01

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

PrivateDetective Sep 17 2010 at 18:14

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

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

Constantin Sep 17 2010 at 22:35

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

AleksDesker Sep 17 2010 at 17:40

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

Kottenator Sep 17 2010 at 17:43

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

usja Sep 17 2010 at 18:03

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

ardentum Sep 17 2010 at 18:27

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

usja Sep 17 2010 at 18:30

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

divanikus Sep 17 2010 at 18:52

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

burzilov Sep 17 2010 at 17:41

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

Kottenator Sep 17 2010 at 17:43

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

crwin Sep 17 2010 at 18:32

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

mace Sep 17 2010 at 17:42

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

Tigger Sep 17 2010 at 17:49

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

UFO landed and left these words here

tyr Sep 17 2010 at 17:52

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

usja Sep 17 2010 at 18:02

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

lega Sep 17 2010 at 18:07

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

usja Sep 17 2010 at 18:11

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

EaS Sep 17 2010 at 18:19

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

r0ster Sep 17 2010 at 19:47

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

SKYnv Sep 17 2010 at 18:12

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

Napolsky Sep 17 2010 at 18:17

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

SKYnv Sep 17 2010 at 18:19

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

usja Sep 17 2010 at 18:20

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

rastych Sep 17 2010 at 18:43

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

dude_sam Sep 17 2010 at 18:50

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

UFO landed and left these words here

alexDark Sep 17 2010 at 18:54

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 Sep 17 2010 at 19:02

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

TroLLik Sep 17 2010 at 19:13

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

r0ster Sep 17 2010 at 19:52

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

johny Sep 17 2010 at 19:53

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

freeiji Sep 17 2010 at 20:28

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

dvolk Sep 17 2010 at 20:51

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

Aquahawk Sep 17 2010 at 21:15

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

dvolk Sep 17 2010 at 23:32

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

darkfrei Sep 18 2010 at 00:24

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

beloks Sep 17 2010 at 20:58

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

zhylin Sep 18 2010 at 14:25

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

UFO landed and left these words here

r00tkit Sep 17 2010 at 21:08

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

r00tkit Sep 17 2010 at 21:14

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

Gol Sep 17 2010 at 22:16

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

Sabiko Sep 18 2010 at 01:48

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

codeby Sep 17 2010 at 22:43

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

Kottenator Sep 18 2010 at 02:06

Готово!

unbeliever Sep 17 2010 at 23:21

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

ElysiumDoyle Sep 17 2010 at 23:51

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

bems Sep 18 2010 at 02:15

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

Kottenator Sep 18 2010 at 02:20

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

br3t Sep 18 2010 at 02:23

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

dvolk Sep 18 2010 at 10:13

Rekonq 0.4:

r0ster Sep 18 2010 at 16:39

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

r0ster Sep 18 2010 at 16:39

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 Sep 19 2010 at 01:02

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

Kottenator Sep 19 2010 at 14:32

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

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

ZagZag Sep 30 2010 at 22:27

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

ZagZag Oct 27 2010 at 09:51

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