|
|
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 https://forms.gle/M3M9JdYEPv9AspZG7 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js C ув. Tors ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 14:36 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
tors нужна возможность крутить схему Что значит "крутить"? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 14:44 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
fkthat tors нужна возможность крутить схему Что значит "крутить"? То и значит. :) Я точно не знаю. Такие требования к задаче. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 14:49 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
fkthat, Хрустальный шар дает следующие ответы: 1)Крутить на своем болте 2)ТС хочет сделать что-то вроде "Поля чудес", где JavaScript-Якубович будет вращать барабан, чтобы этот круг вращался относительно своего центра и пользователь смог выиграть афффтамобиль. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 18:00 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
Это тестовое задание на вакансию версталлы. Связи с работодателем нету. Все что есть - по ссылкам в стартопике. Есть мнение, что такоя нельзя запедалить без js. Но раз работодатель дает такое задание, может можно как то? ps не надо педалить за меня. Опытные коллеги помогите советом. :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 18:12 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
В догонку. Смотрите вложение. Как сверстать такое (выделено красными квадратами)? Можно без изображений? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 18:58 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
Если надписи должны оставаться горизонтальными, то скорее всего тебе нужно нарисовать этот круг с сегментами с помощью html-элементов и css, что непросто. Начни с этого. Вращание без js можно сделать в ответ на какой-либо триггер-наведение или клик например. Про маштабирование не в курсе. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 18:58 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
Можно ли блок (div) сверстать так, как на изображении (смотрите вложение). Выделено красным квадратом. Чтоб div был конусом с закругленным основанием. Без картинок. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 18:58 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
Рисуешь картинку с кругом и прочими выпендрежами этого круга, поворот его можно задать через CSS rotate(). Надписи в отдельные дивы поверх круга, и с ними так же, как с кругом, только надо как-то хитрее делать, чтобы они оставались при этом горизонтальными - прямо так сходу придумать не могу. Ключевой вопрос, как выше уже упомянули - при каком условии должен поворот происходить, потому что без JS произвольно вращать на болту всю эту чешуйню никак не выйдет. Разве что как-то туда-сюда раскачивать лодку по какому-нибудь :hover. Я бы их, если честно, вообще в болт послал. Клоуны хотят оценить умения землекопа, поручив ему выкопать семнадцатиуголную яму одной двуручной пилой. В топку. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 19:31 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
tors, на основе этого http://www.webmasters.by/articles/html-coding/3198-create-different-shapes-css.html на примере символа бесконечности ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 20:14 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
tors, https://webformyself.com/znakomstvo-s-css-svojstvom-clip-path/ https://bennettfeely.com/clippy/ ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 20:19 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
насчет масштабирования тебе могут помочь css-препроцессоры-забиваешь значение в одну переменную, а потом все строишь относительно её. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 21:28 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
vb_sub css-препроцессоры-забиваешь когда есть css-переменные..... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 23:13 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
tors Можно ли блок (div) сверстать так, как на изображении (смотрите вложение). Выделено красным квадратом. Чтоб div был конусом с закругленным основанием. Без картинок. без картинок это svg но такое рисовать в svg себе дороже ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 23:15 |
|
||
|
Как сверстать такоя?
|
|||
|---|---|---|---|
|
#18+
tip78 но такое рисовать в svg себе дороже ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 05.12.2020, 23:23 |
|
||
|
|
start [/forum/topic.php?fid=22&fpage=6&tid=1443341]: |
0ms |
get settings: |
9ms |
get forum list: |
14ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
41ms |
get topic data: |
12ms |
get forum data: |
2ms |
get page messages: |
55ms |
get tp. blocked users: |
2ms |
| others: | 13ms |
| total: | 156ms |
| 0 / 0 |
