Можно ли закруглить средствами css?

Question

[enchikiben]

Добрый день! Подскажите можно так закруглить средствами css? или все же картинку использовать?

Answer 1

[Pretor DH]

Можно вот jsfiddle.net!

По пунктам:
- вкладываеш блок с картинкой в релативный контейнер с overflow:hidden;
- выставляеш внутреннему блоку margin: 0 -10% и ширину 120%;
- Зкругливаеш внутренние углы ублока не пропорционально, указывая для каждого угла два значения 50% 100%. Регулируя эти значения добивашеся нужного. Если не получается увеличиваеш маргины и ширину во втором пункте, и делаеш значения закрегления угла ближе к 100% 100%.

Answer 2

[Максим Тимофеев]

Что именно надо закруглить?
Средствами css закруглить углы можно с помощью border-radius

Comments

[Сергей]

Вроде из картинки понятно что надо закруглить

[Максим Тимофеев]

Сергей: нет

[Сергей]

Максим Тимофеев: Там на пикче только одно закругление же

[Максим Тимофеев]

Сергей: где?

[Сергей]

Максим Тимофеев: На картинке в вопросе

[Максим Тимофеев]

Сергей: я вижу картинку, но у нее острые углы

[Сергей]

Максим Тимофеев: А тс и не говорит что ему надо углы закруглить. Да и если даже углы, то неважно острые-тупые углы. Мы не на уроке геометрии

Answer 3

[dom1n1k]

Нельзя.

Answer 4

[Олег]

SVG https://jsfiddle.net/n0z9mgjj/

Comments

[Максим]

так на мой взгляд лучше + ваш код : https://jsfiddle.net/Geyan/n0z9mgjj/1/

[Олег]

Максим Жаров: )) тогда скорее не fixed, а absolute. Думаю у челу еще и прокрутка нужна ;)

[Максим]

Олег: там вроде работает sroll

[Олег]

Максим Жаров: имел ввиду, что это не в footer, а скорее всего в header