Как сделать внешние скругленные внутрь углы для элемента?
Для футера с position: fixed; нужно сделать внешние скругленные внутрь углы. При этом, чтобы область между ними была прозрачной. Может быть есть идеи, как это сделать? На скриншоте синий блок снизу с текущей песней.
Можно без фиксированной высоты синего блока и без absolute'а. Старый-добрый отрицательный margin + дополнительный padding сверху на размер border-radius.
Вообще, оную задачу можно решить множеством способов.
Update. В данном конкретном случае, т. к. макет из вопроса отличается от того, что вам нужно, то, модифицируя ваш код, можно так, например:
Обратного закругления в CSS нет. Только визуальными хаками это можно сделать.
mishapsv, а то, что вы прислали в качестве примера не очень соотносится с тем скриншотом, что в вопросе. Ибо на скриншоте если где и возможна прокрутка, то уж точно не на body, а внутри белой зоны, если вам нужен зафиксированный подвал с элементами управления музыкой.
Рустам Байназаров, да, мой косяк, на скриншете не совсем правильно. Будет именно всегда прибитый фикседом футер-плеер, к в примере. И вот для него нужно сделать эти закругления.
Простой
Простой
