/ / Начертайте извит текст с помощта на CSS - css

Начертайте извит текст, използвайки CSS - css

Искам да знам как да изготвя текст като този стил (извити) използва само CSS моля да ми помогне въведете описанието на изображението тук

Отговори:

6 за отговор № 1

Не е супер ясна, но предполагам, че може да се направи. Разгледайте тази статия: Задайте текст в кръг, Не точно същото нещо, но същата идея. Трябва да го направите по символ или част от думите, за да го направите.

Едно потенциално по-лесно решение би било да се използват Javascript / jQuery. Но знам, че това не отговаря на вашето изискване само за CSS ArcText.js като опция, ако смятате, че CSS не е приложимо за вас.

Има и инструмент, който прави това за вас: CSS Warp - CSS генератор на текст към път, Това ще съответства точно на това, което искате и ще генерира кода за вас за различните браузъри. Аз никога не съм го използвал преди, но изглежда почти глупак.

Ето един пример, използващ CSS Warp. Прекарах около 5 минути. Тя ви стига доста близо до това, което искате, и можете да го полирате повече. След това просто използвайте CSS, за да добавите останалата част от стила. CSS Warp