tegArt Jul 3 2015 at 21:48

Каламбуры на css

1 min

44K

CSS*

+71

Comments 44

mckalech Jul 3 2015 at 22:39

смешноооооо

-10

Zibx Jul 3 2015 at 22:53

Мне всегда нравилось менять курсор на ховере:

.action:hover {
  cursor: pointer
}

-25

DOC_tr Jul 3 2015 at 23:44

Да ладно вам. Пятничный же пост ;)

igordata Jul 3 2015 at 23:58

Предпоследнюю не понял. А про flex-grow вообще не знал.

UFO just landed and posted this here

stas404 Jul 4 2015 at 00:03

.humor:visited {
  content: "accordeon";
}

+89

w0den Jul 5 2015 at 14:05

.karma:after {
    content: "+1";
}

kvaki Jul 4 2015 at 00:30

Про ninja понравилось

qmax Jul 4 2015 at 01:19

таки титаник всё-таки #
(the)

+10

Ogra Jul 4 2015 at 08:17

Правильно, Титаник — это корабль класса «Олимпик», причем из трех кораблей этого класса нормально плавал только самый первый.

ship.olympic{
    float:none;
}

ship.olympic:first-of-type{
    float:yes; /* Знаю, знаю, нет такого значения ;) */
}

Keyten Jul 4 2015 at 11:18

ship.olympic:first-of-type {
    float: yes;
}
ship.olympic:first-of-type + .iceberg {
    float: none;
}

UFO just landed and posted this here

Lain_13 Jul 8 2015 at 11:57

Скорее вот так:

:has(.iceberg) ship.olympic:first-of-type { float: none; }

Но можно ещё уточнить находятся ли они рядом или между ними есть что-то ещё.
Я всё жду когда :has() наконец реализуют. -_-

Ogra Jul 8 2015 at 16:01

first-of-type — плавает!
А вот остальные — нет =)
С айсбергом встречался nth-of-type(2), кстати.

UFO just landed and posted this here

mantiscorp Jul 4 2015 at 09:08

современная версия pkunzip.zip?

anmipo Jul 4 2015 at 10:59

.perfection {
  border: none;
}

+10

Aleko Jul 4 2015 at 16:21

.homo > .homini {
    behavior: url('lupus.htc');
}

Aleko Jul 4 2015 at 16:48

#spanish-inquisition {
    color: red;
    transition-delay: 10s;
    behavior: url('fear.htc') url('suddenness.htc') url('cruelty.htc');
}

Aleko Jul 4 2015 at 16:50

И фанатичная преданность Папе!

bodqhrohro Jul 4 2015 at 17:28

.ussr {
  border: solid 300cm #d4d7d9;
}

Mercury13 Jul 4 2015 at 17:46

Такого цвета, да ещё solid — скорее Берлин.

bodqhrohro Jul 4 2015 at 18:13

.antarctic {
  white-space: 100%;
}

+18

Keyten Jul 4 2015 at 20:22

Что-то совсем идей нет :(.

address {
    position: relative;
}

article {
    content: ""
}

ruby {
    color: red;
}

-4

Keyten Jul 4 2015 at 20:27

.woman {
    max-width: 0%;
}

-4

Keyten Jul 4 2015 at 20:31

.lego {
    display: block;
}

.lego + .human {
    display: inline-block;
}

Keyten Jul 5 2015 at 01:57

#chucknorris::before, #chucknorris::after {
    content: url(#chucknorris);
}

Blumfontein Jul 4 2015 at 21:03

.woman:visited {
border: 0; bottom: 0;
}

anmipo Jul 4 2015 at 22:27

#habr::before {
  content: "Торт"
}

+15

Blumfontein Jul 4 2015 at 21:29

.stalin + .mess {
display: none;
}

.woman:not(.in-cart) {
transition: all 1s ease;
}

-2

tegArt Jul 4 2015 at 21:36

.hell {
bottom:-99999999px;
}

.twilight {
position:fixed;
left:0; top:0;
width:100%; height:100%;
background:rgba(0,0,0,0.1);
}
.evil {
z-index:-1;
}
.anton-gorodetsky::after {
content:'Всем выйти из сумрака!';
}
.evil {
z-index:1;
}

nomn Jul 6 2015 at 10:08

.boris-moiseev {
color:blue;
}

.russian-footbal {
display:none;
}

.dictator {
position:absolute;
}

.man.petya,
.man.vasya,
.man.slavik,
.man.vova {
color:#e9c9b4;
height:175px;
width:70px;
}

dima117 Jul 6 2015 at 12:43

.rub {
    flex-grow: 0; 
    flex-shrink: 1;
}

.$ {
    flex-grow: 1; 
    flex-shrink: 0;
}

JC_Piligrim Jul 6 2015 at 17:10

.kremlin { border: solid red; }

tegArt Jul 6 2015 at 17:23

.kremlin-wall {
   height:15em;
   color:red;
   border-top:2em dashed red;
}

UFO just landed and posted this here

tegArt Jul 6 2015 at 18:39

Ну и вопросы у вас… еле нашел, в www.google.com/fonts Anonymous Pro называется

UFO just landed and posted this here

TolyaMBA Jul 7 2015 at 11:27

.accident {
margin-top: -1px;
}

Acuna Jul 7 2015 at 14:44

В чем соль .kkk?

tegArt Jul 7 2015 at 14:55

соль

Acuna Jul 7 2015 at 16:04

О, благодарю за удивительную оперативность, ну и непосредственно за сам пример)

Keyten Jul 8 2015 at 18:38

Кстати, тут стоило бы вот так:

.kkk * { color: white !important }

tegArt Jul 8 2015 at 18:56

Мои попытки каламбурить есть только в комментариях. kkk процитировал, но, в принципе, верно подмечено :)

Show the best of all time