Заобляне и засенчване чрез препарати като CSS

Другарчето Коко Данков си играе много майсторски със CSS та рекох малко да се поразровя в кода му и да видя какво мога да си намеря за мене там. Е, попаднах на готини работи, които най-вероятно и на други хора ще са им интересни. CSS не е от нещата, които бих нарекъл силна моя страна, заради което специалистите могат да пропуснат написаното по-долу като нещо, което знаят на изуст.

Пък най-после да сложа и някаква леко техническа приказка в блога.

Заобляне на ръбове (border):

-moz-border-radius: 15px; /* FF1+ */
-webkit-border-radius: 15px; /* Saf3+, Chrome */
border-radius: 15px; /* Opera 10.5, IE 9 */

Сянка на ръбове (и всякакви други обекти):

-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */

Както можете да забележите, това са супер-дупер върховни технологии, които не всеки браузър би поддържал.

Използвайте ги съвестно и с повишено внимание!

П.П. Източникът на това безценно знание е ей тоз файл.