да я рофлил чо вы все такие серьезные))00000

как мило)) Что мы не будем требовать: Тотальный пиксель перфект Херак, херак и в продакшн Дизайнить макеты и работать в фотошопах Придумывать, как оптимизировать SEO Быть и жнецом, и швецом, и на дуде игрецом

https://krasnoyarsk.hh.ru/vacancy/19225904

да я рофлил чо вы все такие серьезные))00000

придумай как на цсс заделать

у меня нет адекватных способов

Да и даже неадекватных ниту. Ну только на svg отрисовать фигуру, применить тень и расположить под блоком

не понял - что опять не получается?

Такую тень на цсс

ну я бы тут два дива зафигачил сверху и снизу для теней, или псевдоэлементы с background-size: 100%

Фон разумеется обычная картинка а не svg

ну я бы тут два дива зафигачил сверху и снизу для теней, или псевдоэлементы с background-size: 100%

неа

Наверной 2 тени будет у афтер и бефоре

Как ее сделать полукругом?

Мне лениво пробовать, но возможно прокатит: Сделать группу элементов, состоящую из прямоугольника и круга. Круг должен заезжать на прямоугольник Применить filter:drop-shadow() на группе элементов

Тогда скорее всего тень будет кривой и выглядеть плавно

Как ее сделать полукругом?

Афтер и бефоре закруглить

картинки с тенями вырезать и фоном вставить... Вы усложняете всё

Картинки с тенями - это не нативный путь

а понял почему

Афтер и бефоре закруглить

Нипалучаица ((99

если экран маленький тень типо сожмётся

Короче пока нет реализации, эта тень антипаттерн верстки (._. )

Лучше в psd посмотреть как сделано и копирну ть ксс

ну тогда только напрямую картинки вставлять с width 100%, и тогда картинка не потеряет свои пропорции

А без картинки? С картинкой и алик сделает

Ну и без svg по возможности

а без картинки скриптом пересчитывать высоту блока

А толку?

короче вы на чистом css хотите такое сделать? )

д

это норм задача

Антон сотню б на кон поставил

ну ща попробуемс

Всёразобрался, сейчас скину

https://jsfiddle.net/upqb69x3/

как то так, надо только по макету все размеры подогнать

115deg?

ну способ есть, осталось в http://www.colorzilla.com/gradient-editor/ норм градиент сделать, и размеры бефоров и афтеров подогнать чтобы на макет было похоже

Да, вы молодцы

С градиентом норм выходит

но тут маленькая подстава, если бы в блоке был какой-нибудь выпадающий список, тот этот способ не подошёл-бы )

но тут маленькая подстава, если бы в блоке был какой-нибудь выпадающий список, тот этот способ не подошёл-бы )

чаму?

Оверфлоу скроет?

ага

Ну твою реализацию можно пихать в количестве 2 шт под форму

если будет chosen для кастомизации использоваться, то будет обрезать, а если select2 то нет )

если будет chosen для кастомизации использоваться, то будет обрезать, а если select2 то нет )

Да не, сама форма без оверфлоу, а блоки под формой - твоя реализация градиента. Относительно формы ничего не обрежется тогда

только что проверил, странно что не обрезается https://jsfiddle.net/upqb69x3/1/

ну да и ладно )))

Наверное потому, что тут реализация нативная

да, если туда бутстраповский дропдаун вставить - точно обрежется

ERROR: S client not available

да, если туда бутстраповский дропдаун вставить - точно обрежется

Я имел в виду так: https://jsfiddle.net/upqb69x3/2/

Тогда не обрежется

У меня, кстати, тут нубовопрос. Чому не сработал :first-child на .wrap?

потому что он среди соседних элементов не первый

Дык первый в контексте .wrap

неа, он по очереди на третьем месте

http://skrinshoter.ru/s/181216/3f82r4.png

.yoba тоже учавствует чтоли?

конечно

блин на втором

да не важно...

не могли автоформатирование кода к своему сервису прикрутить =(

ctrl-a —> shift-tab

Там emmet даже встроен

точно))

знаю...а вот шифт + таб не знал

Меня контузило с этих ваших :first-child

Я ж указал класс. Зачем он учитывает другой класс

Не гибко нихрена

парсер css смотрит не на то что у тебя в диве первый .wrap, а на очерёдность дива. На первом месте yoba а потому first-child не сработает

nth-child, поди, тоже

этот селектор на 2 сработает

парсер css смотрит не на то что у тебя в диве первый .wrap, а на очерёдность дива. На первом месте yoba а потому first-child не сработает

Я уже догодался, что относительно родителя. А мое указание класса только сравнивает на соответствие

Сработает, если укажем .shad > div:nth-child(3) {}

лично я стараюсь избегать такие выборки

Сработает, если укажем .shad > div:nth-child(3) {}

first-of-type используй и все