Всем привет. Не нашёл никаких свойст или готового решения, чтобы текст

Question

HTML/CSS — русскоговорящее сообщество

Андрей Халимоненко

Всем привет. Не нашёл никаких свойст или готового решения, чтобы текст

так расположить.
Предположение, что сдвигали каждую строчку.

Кто–то знает другой вариант? Он вообще существует?

#css #frontend #html #programming #russian

0

03.03.2021

14 ответов

14 просмотров

Андрей Халимоненко Автор вопроса

Vitalijs Lavrinovics
Я на js такое сделал бы, но там пришлось бы мне не...

Подумал о том, что повернули блок ~20 градусов, но тогда бы и текст повернулся. И чтобы его «выправить», повернули каждую строчку обратно. Ещё не пробовал, пока думаю.

0

03.03.2021

admin.nvmoll

Vitalijs Lavrinovics
Я на js такое сделал бы, но там пришлось бы мне не...

Не нужен там никакой js для реализации, давно элементор не юзал, но помню делал хедер и футер в таком же стиле, без всякого кода, и на фри версии... За комп сейчас сесть не вариант, что бы более точно описать детали.

0

03.03.2021

veal

https://developer.mozilla.org/ru/docs/Web/CSS/transform-function/skew()

0

03.03.2021

admin.nvmoll

veal
https://developer.mozilla.org/ru/docs/Web/CSS/tran...

Без css это делается

0

03.03.2021

Андрей Халимоненко Автор вопроса

veal
https://developer.mozilla.org/ru/docs/Web/CSS/tran...

В моём примере текст ровный. Просто вдоль линии идёт.

0

03.03.2021

veal

Андрей Халимоненко
В моём примере текст ровный. Просто вдоль линии ид...

кинь целую страницу

0

03.03.2021

Андрей Халимоненко Автор вопроса

veal
кинь целую страницу

У меня макета нет. Это нашёл в подборке сайтов. Если общий скрин сделаю, то ничего не поймешь. Могу только блоками. Но там весь сайт такой, на косых блоках, и это не удивило меня. Озадачился именно вот этой частью, где текст идёт вдоль косой линии, а сам текст прямой.

0

03.03.2021

Андрей Халимоненко Автор вопроса

veal
кинь целую страницу

Вот ещё фрагмент. Это на обтекание похоже.

0

03.03.2021

admin.nvmoll

Андрей Халимоненко
У меня макета нет. Это нашёл в подборке сайтов. Ес...

Не ну в целях ( типо круто, красиво ), можно поизвращаться, это гораздо лучший вариант, чем много анимации ( когда глаз дергаться начинает ), а так, никакого функционала и удобства восприятия, это за собой не несёт, слайдер например в таком оформлении, Мне не заходит. Тот пример который Я показывал, в нём более строго всё, хотя присутствуют кривые ( жаль Я тот вариант оформления снес, когда ушёл с элементора )...

0

03.03.2021

veal

admin.nvmoll
Не ну в целях ( типо круто, красиво ), можно поизв...

значит nth child

0

03.03.2021

Андрей Халимоненко Автор вопроса

Нашёл где копать. Самое интересное, что уже видел у неё это видео и сейчас пытался вспомнить, где такое уже встречал. https://tpverstak.ru/wrapping-content-around-images-css-shapes/

0

03.03.2021

veal

ещё не решил?

0

03.03.2021

Андрей Халимоненко Автор вопроса

veal
ещё не решил?

Чуть выше написал, где можно найти решение, у Анны.

0

03.03.2021