Держите текст внутри параллелограмма и следуйте форме.CSS

Разбираемся в CSS
Ответить
Гость
 Держите текст внутри параллелограмма и следуйте форме.

Сообщение Гость »


Я пытаюсь заархивировать текст внутри параллелограмма. Края текста должны повторять форму. Длина текста является динамической, поэтому мне также нужно, чтобы высота фигуры настраивалась автоматически. Это возможно?
Изображение


Вот мой текущий код:

.parallelogram{ ширина: 350 пикселей; /* Установите желаемую ширину */ цвет фона: оранжевый; /* Установите желаемый цвет фона */ -webkit-shape-outside: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); форма-вне: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); -webkit-clip-path: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); клип-путь: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); отступ: 50 пикселей; Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум

При использовании приведенного выше кода текст обрезается сбоку и не повторяет форму. Когда я использую трансформацию, текст также трансформируется. Я этого не хочу.

Спасибо
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»