Как придать Wrap-Around вид этой угловой ленте CSS? - PullRequest
2 голосов
/ 20 декабря 2011

Camille-ascencio-parvy-lemoine дал ответ на мой старый вопрос, чтобы сделать ленту , но теперь мне нужно заставить ленту перевернуться вот так

enter image description here

Играть с JSFiddle здесь http://jsfiddle.net/aNmvc/8/

Этот вопрос я только задал, чтобы сделать флип-уголок. Другие вещи из ленты не нужны для этого ответа

Ответы [ 2 ]

4 голосов
/ 20 декабря 2011

Проверьте эту скрипку: http://jsfiddle.net/zNCEr/5/

Добавлены еще 2 повернутых пролета и размещены их так, чтобы имитировать оберточную ленту!

Проверено только в FF.

1 голос
/ 20 декабря 2011

Edit: способ, которым это делается, немного усложняет игру по позициям. Вот что я придумал как очень простую плавающую ленту: http://jsfiddle.net/aNmvc/13/, не совсем идеально. Если вы хотите сделать ленту в 3d-виде, вам нужно будет использовать треугольники для имитации сложенной бумаги. Надеюсь, это поможет!

Подробнее о 3D-лентах: https://stackoverflow.com/questions/8456575/3d-ribbon-corners-how-to-do

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...