ilusha_sergeevich Jul 12 2013 at 01:33

Mojo Ribbon — идеальная лента или тригонометрия в LESS

3 min

4.4K

Comments 4

tenbits Jul 12 2013 at 04:17

Если воспользоваться transform-origin вычисления могут быть проще, а если использовать lesshat, то запись будет проще.
Пример для левой верхней ленты —

.ribbon(@width, @height, @deg:45deg){
    .box-sizing(border-box);
    .transform-origin(100% 100%);
    .rotate(-@deg);
    .size(@width, @height);
	
    position: absolute;
    bottom: 100%;
    left: cos(@deg) * @width - @width;
}

ilusha_sergeevich Jul 12 2013 at 05:00

Да. Не знал про origin. Lesshat — большой, я в других проектах использую его.

DROS Jul 12 2013 at 09:26

ээээ… а почему «Я пиарюсь»?

ilusha_sergeevich Jul 12 2013 at 14:21

Потому, что — большое спасибо админам хабра. Я разместил ссылку на сторонний ресурс и вместо того что бы перевести в read only они просто изменили хаб

Show the best of all time