Как сверстать такоя?

[torsar]

Как сверстать такоя?

Без js, только css.

https://prnt.sc/tuhp95

 

Требования к результату:
- нужна возможность крутить схему, надписи должны оставаться горизонтальными;
- должен тянутся на 80% от вьюпорта;
- нужна возможность масштабировать весь блок изменяя один параметр;
- без использования js

[npofopr]

без js вы никак её не закрутите. 

https://codepen.io/search/pens?q=circle+menu&cursor=ZD0xJm89MCZwPTI= 
можете здесь посмотреть результаты. Может запрос скорректируете. 

[torsar]

21 час назад, torsar сказал:

- нужна возможность крутить схему, надписи должны оставаться горизонтальными;

Нужно именно без js крутить, средствами css3.

[Igor Schnaider]

10 часов назад, torsar сказал:

Нужно именно без js крутить, средствами css3.

Крутить в смысле, чтобы пользователь мог с ней взаимодействовать? Без JS, как написали, никак. Если просто повернуть в стилях, без динамики, то смотрите CSS transforms.

[torsar]

11.08.2020 в 19:57, torsar сказал:

https://prnt.sc/tuhp95

Требования к результату:
- нужна возможность крутить схему, надписи должны оставаться горизонтальными;
- должен тянутся на 80% от вьюпорта;
- нужна возможность масштабировать весь блок изменяя один параметр;
- без использования js

[npofopr]

Вам же написали, никак) 

Думаете, кто то сделает за вас?

[torsar]

Не надо делать за меня. 🙂

Дайте совет, какие ништячки css3 использовать?

Наведите на правильный путь. 🙂

Это тест к вакансии верстальщика:

https://forms.gle/M3M9JdYEPv9AspZG7

Цитата

 

Требования к результату:
- нужна возможность крутить схему, надписи должны оставаться горизонтальными;
- должен тянутся на 80% от вьюпорта;
- нужна возможность масштабировать весь блок изменяя один параметр;
- без использования js

 

Раз потенциальный работодатель требует, значит можно как то? 🙂

[torsar]

В догонку.

Смотрите вложение.

Как сверстать такое (выделено красными квадратами)?

Можно без изображений?

Можно ли блок (div) сверстать так,  как на изображении

(смотрите вложение). Выделено красным квадратом.

Чтоб div был конусом с закругленным основанием.

Без картинок.

[npofopr]

svg проще всего. на первый взгляд. но это те же картинки. 

[Igor Schnaider]

22 часа назад, torsar сказал:

Можно ли блок (div) сверстать так,  как на изображении

(смотрите вложение). Выделено красным квадратом.

Чтоб div был конусом с закругленным основанием.

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