Тест: сколько цветов на картинах Кончетты Антико

.displayb p { font-size:18px; line-height:29px; font-family: 'EsqDisplay', 'Times', serif; } .qstn2 { font-size:13px; font-family: 'Suisse', 'Helvetica', sans-serif; font-weight:bold; letter-spacing: 0.2em; width:705px; text-transform:uppercase; color:#222222; -webkit-font-smoothing: antialiased; } .editorial-blog-post-detail-title { font-size:29px; width:600px; } Американский художник-тетрахромат Кончетта Атико обладает сверхчувствительным зрением и способна видеть более 100 миллионов цветов. Правила жизни попросил ее подсчитать, сколько цветов она использовала в некоторых своих работах. Предлагаем угадать. .qstn .options{ display: inline-block; } .qstn{ position: relative; } .qstn .options{ position: absolute; left: 350px; width: 500px; } .qstn .option{ position: relative; display: inline-block; margin-left: 110px; font-family: 'EsqDisplay'; font-size: 20px; font-weight: normal; letter-spacing: 0px; cursor: pointer; } .qstn .options.selected .option{ cursor: default !important; } .qstn .option .circle{ position: absolute; width: 20px; height: 20px; border: 1px solid #939393; border-radius: 100%; left: -33px; top: -2px; } .qstn .option .inner-circle{ display: none; position: absolute; width: 14px; height: 14px; border-radius: 100%; background: #CACACA; top: 3px; left: 3px; } .qstn .option.selected .inner-circle{ display: block; } .qstn .option.wrong{ color: #CACACA; } .qstn .option.wrong .wrong-line{ display: block; } .qstn .option .wrong-line{ display: none; position: absolute; width: 45px; height: 1px; background: #CACACA; top: 9px; left: -6px; z-index: 3; } .qstn .wrong-line.bigger{ width: 53px; } .qstn .options.selected .correct{ opacity: 1; } .qstn .option .correct{ position: absolute; left: -69px; top: -86px; z-index: 1; opacity: 0; -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s; } .qstn .option .value{ position: relative; z-index: 2; } $(function(){ $('.qstn .option').click(function(){ var $options = $(this).parents('.options') if ($options.hasClass('selected')) return; $(this).addClass('selected'); if (!$(this).find('.correct').length){ $(this).addClass('wrong') } $options.addClass('selected'); return false; }) }); 225 1070 1638 953 1126 1317 478 1457 2161 [RICH_HTML type=imageset][/RICH_HTML] Каково это — видеть100 миллионов цветов