Тригонометрия

[therusak]

На днях мне пригодились знания из школьного курса тригонометрии.

Comments

[lady_narwen]

Хм, а просто из прямоугольника срезать 4 угла нельзя? Или "режется" строго по вертикали-горизонтали?

[therusak]

Да, на самом деле там ещё один прямоугольник, с помощью которого всё и режется :)

[lady_narwen]

А тогда можно из 3 прямоугольников сделать :) Один прямо, два повернуть. Мне кажется, так проще - не надо ни вытягивать, ни резать :) Только повернуть и наложить :)

[therusak]

Тоже решение, я его рассматривал. Но есть проблемы немножко :)
1) Вместо одного элемента используются три.
2) При наложении придётся очень нудно подгонять, и не факт что во всех браузерах будет выглядеть как надо. А при изменении размера может вообще получиться пшик.

В растяжке нет ничего сложного, в обрезании тоже. А вот точное позиционирование элементов - не всегда благодарное занятие.

[helloandrey]

а зачем рисовать этот шестиугольник, для кнопки? в брозере же такая геометрия для лэйаута вроде..

[therusak]

Это элемент анимационной заставки на некоем сайте. На этих шестиугольниках надписи и картинки, а ещё они вращаются и меняют цвета =) В примере, кстати, другой способ рисования шестиугольников использован.
Про геометрию лэйаута не понял.

[helloandrey]

наайс!! css онемация то?
ну я про прямоугольники - лейаут через них же сделан, для размещения элементов по сетке.
вся остальная геометрия в фоторедакторах рисуется обычно.
а ваще круто!

[therusak]

Конечно. Современный CSS позволяет много клёвых штук делать. И то, что теперь для этого не нужны фоторедакторы - тоже огромный плюс. Поправить в двух местах html и css ведь проще, чем лезть в фотошоп, искать там нужный слой, редактировать, сохранять как веб-картинку, и потом, возможно, опять таки править html и css.
А на какие ухищрения люди шли, чтобы нарисовать скруглённые уголки на кнопке произвольного размера...