텍스트를 휘게하는 방법 "벌지/어안"효과?

Question

저는 CSS 나 다른 방법으로 아래 이미지와 비슷한 효과를 만드는 방법을 찾으려고했습니다. Photoshop에서는 선택 영역의 메쉬를 변형합니다. 텍스트를 포함하는 div에 border-radius: 10%/50%; 속성을 사용했지만 텍스트에만 영향을 미치지 만 div 만 사용했습니다. 나는 -webkit- 접두어도 사용했습니다. 이 효과를 생성 할 수있는 방법이 있다면 효과적 일 것입니다. 도움을 주시면 감사하겠습니다.

Answer 1

border-radius 당신을 위해 그런 일을 할 수 없습니다. 현재 CSS 표준에서 이와 같은 효과를 얻을 수있는 것은 없습니다.

가장 가까운 것은 요소 선형 변환을 할 수있는 CSS를 transform 특성 (standard)이지만, 이미지의 효과는 비 - 선형 변환입니다. 따라서 텍스트 대신 이미지를 제공해야합니다.