S
S
shane892015-11-17 10:53:02
css
shane89, 2015-11-17 10:53:02

An easy way to make a block with a curved line?

2311ab7feea547f19ca069ec077153e0.jpg

Answer the question

In order to leave comments, you need to log in

3 answer(s)
D
Dmitry, 2015-11-17
@shane89

I did it this way:
Parent {
transform: skewX(*deg); } To
son {
transform: skewX(-*deg); }
But I won't say that all browsers have good anti-aliasing, because the edges look far from ideal.

K
Ksenia Mikhailova, 2015-11-17
@arizona

Why are you so dissatisfied with skew?
You can draw svg. It will be highly stretchable and not soapy.
You can contrive to draw triangles with a border on before/after elements, but you won't get such a narrow content block.

M
Mikhail, 2015-11-17
Chirskiy @chirskiy_mixail

css3clickchart.com/#skew-transform

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question