19.12.2020, 03:29 | #1 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Текст по радиусу окружности CSS
В общем ковырял тут, надо было сделать типа новогоднюю рулетку с подарком, но не суть, вроде доковырял, но не очень понял саму математику процесса с этими процентами и позиционированием:
https://jsfiddle.net/vtnru48k Ладно углы я понял, там просто - 360/16. А все остальное для адаптива тупо пришлось пропорциями вычислять, а смысл так и не понял. Как оно математически работает то? И да, чет я отстал от жизни, мне высоту элемента только через js можно что ли? А то пришлось через медиа тупо высоту/ширину задавать Может кому интересно потрещать будет по этому поводу |
Сказали спасибо: |
19.12.2020, 03:31 | #2 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
Re: Текст по радиусу окружности CSS
|
19.12.2020, 03:35 | #3 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Текст по радиусу окружности CSS
Да проблема в том, что я не могу понять, как работают эти пропорции... Логику в смысле. Почему, вот как пример, именно так должно быть у внутреннего элемента:
PHP код:
Просто эти проценты я уже сам высчитал, до этого были чистые пиксели |
19.12.2020, 03:37 | #4 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
Re: Текст по радиусу окружности CSS
Оно так и не должно быть, ты просто подогнал к определенному разрешению экрана - ведь так? и у тебя норм отображается
|
19.12.2020, 03:38 | #5 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Текст по радиусу окружности CSS
С каких хренов right right: -63.89%; например
|
19.12.2020, 03:38 | #6 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Текст по радиусу окружности CSS
Нене, я как раз подогнал ко всем разрешениям То есть я меняю .circle_fortune только, а внутренние в процентах сами меняются под них Просто я не могу понять логики
|
19.12.2020, 03:45 | #7 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
Re: Текст по радиусу окружности CSS
Тогда логику в чем? ты не можешь понять?
|
19.12.2020, 03:51 | #8 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Текст по радиусу окружности CSS
Ну смотри, круг 600 пикселей. Центр его 300 же, то есть 50%. А в реальности right: -63.89%; и bottom: 41.66%;
Дочерний width: 100%; с padding-left: 13.89% - 113,89%. Я просто понять не могу, откуда такие проценты берутся А, всё, right: -63.89% это 50% + padding-left. А почему bottom такой тогда? Запутался |
19.12.2020, 03:56 | #9 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
Re: Текст по радиусу окружности CSS
|
2 пользователя(ей) сказали cпасибо: |
19.12.2020, 03:58 | #10 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,684
Получил(а) "Спасибо": 13,503
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Текст по радиусу окружности CSS
|
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Копирайтинг и рерайт: качественный сео-текст по доступной цене! | Sostavitel | Копирайтинг, переводы, текстовый контент | 41 | 18.01.2022 22:48 |
Дубляж-озвучка, Закадровый текст, начитка роликов. | MAX | Биржа услуг | 3 | 09.08.2020 15:02 |
Динамический текст на странице | sanek1991 | Продвижение и оптимизация сайтов | 47 | 26.07.2020 15:21 |