Техники с CSS3

cssПерфектно заоблени ъгли
Това е много просто. В кода за кутията, която искате да добавите добавяте следния код преди }
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Запазете файла и ще видите, че кутиите са с перфектно заоблени ъгли.


Сянка под кутията
Отново преди } добавяте следното
box-shadow: 10px 10px 5px #888;
padding: 5px 5px 5px 15px;

Чрез този код под кутията ще има лека сива сянка.


А ето и код за тъмна сянка над кутията, слагането му е както при горния (преди } )
box-shadow: -10px -10px 0px #000;
border-radius: 5px;
padding: 5px 5px 5px 15px;

Сянка под текста
За да си направите такава в кода за текста добавяте следното преди }
text-shadow: 2px 2px 2px #000;


Kъстъм Фонт за текста
Чрез тази техника можете спокойно да сложите текст с фонт, който потребителя няма на своя компютър, като качите фонта на вашия сайт. Добавете следния код в началото на вашия .css файл

@font-face {
font-family: Име на Къстъм Фонта;
src: url('име на къстъм фонт файла');
}

@font-face {
font-family: Име на Къстъм Фонта;
font-weight: bold;
src: url('име на къстъм фонт файла докато е удебелен');
}



След това си изберете кутията, в коятоще използвате къстъм фонт-а и сложете следния код преди }
h3 { font-family: Име на Къстъм Фонта, sans-serif; }


С този код при h3 текста ще се показва с къстъм фонта. Разбира се, ако искате целия текст да се показва чрез този фонт сложете следния код преди } вместо горния
font-family: Име на Къстъм Фонта, sans-serif;

Сподели:
Edno23 Favit Svejo Twitter Facebook Google Buzz Delicious Google Bookmarks Digg

Етикети: ,

Един коментар по “Техники с CSS3”

  1. Joro Hristov казва:

    css 3 заначително ще улесни работата на дизайнерите, но като гледам ще трябват минимум 3-4 години докато почнат да го поддържат 90% от ползвани браузри :(

Вашият коментар