How does the following ui be implemented in pure css3?

how to realize the convex shape in the middle with css3

Aug.02,2021

this is just a blindfold. Using a normal layout, plus a sloping triangle, and using some css3 rotation displacement transformation, we can achieve


transform rotate()
border-right 1px solid rgba()

a rectangle, and a trapezoid
put the trapezoid on the rectangle to cover the edge
to make people look integrated. This is an illusion

.
Menu