помилок Firefox, в якому для повної підтримки CSS3 були навіть додані специфічні moz-змінні для роботи з тривимірними об'єктами.
1. Загальні відомості про CSS3
Інтернет не стоїть на місці, це одна з найбільш динамічних галузей економіки <# «justify"> 2. Закруглені кути
При розробці будь-якого сайту веб-майстра і всякого роду дизайнери, намагаються застосувати різні прийоми які є в їх арсеналі.
Одним з таких прийомів можна сміливо назвати спосіб закруглених кутів . (Рис.1).
Адже такі кути надають дизайну більш красивий вигляд, ніж прості квадратики. Звичайно, зробити закруглення, якого те певного елемента на своєму сайті, можна і іншими, класичними (старими) способами. Наприклад, за допомогою звичайних зображень. Просто до кожного кутку підготовляється своє зображення.
Ще є варіант написати величенний html-код, який буде здорово вантажити Ваш сайт. Спосіб не дуже то й хороший, але раніше, та й зараз, деякі веб-майстри їм охоче користуються. Не знаючи або не бажаючи знати про можливість заокруглення кутів в CSS3.
Можливо здійснити закруглення і за допомогою Java script. Тільки при такому варіанті можливо і те, що деякі користувачі просто не побачать цих заокруглень. Ще зустрічаються юзери в мережі, у яких з тих чи інших причин відключені скрипти в інтернет-браузері.
З виходом CSS3 всі ці способи можна сміливо відправляти в утиль, тому що тепер заокруглення кутів на сайті можна зробити швидко і просто. Єдиним недоліком даного способу є відображення в старих версіях Internet Explorer. До слова сказати, навіть 8-а версія ИЕ не підтримує CSS3. Не кажучи вже про 6-ий і 7-ий версіях.
Рис. 1
. Тінь у тексту
Завдяки можливостям CSS3 можна створювати ефект тіні як для різних елементів веб-сторінки, так і для самого тексту. Це в багатьох випадках дозволяє відійти від використання зображень і підвищити швидкість завантаження сторінок сайту.
Параметр box-shadow . Ця властивість CSS3 дозволяє додавати ефект тіні для елементів веб-сторінки, наприклад для блоків, створених за допомогою тега div. Властивість box-shadow підтримується всіма сучасними браузерами: Internet Explorer 9 (за наявності тега doctype), Google Chrome 12.0, Mozilla Firefox 4.0, Opera 11.0.
Синтаксис box-shadow: зміщення по осі X _ зсув по осі Y _ радіус розмиття _ колір тіні . Другий варіант синтаксису: колір тіні _ X _ Y _ R.
Обидва варіанти рівнозначні і однаково правильно обробляються браузерами.
Приклади використання параметра box-shadow (рис 2.)
Рис 2.
Блок № 1 код:
1
Блок № 2 box-shadow: fuchsia 5px 5px 10px;
Блок № 3 box-shadow: ...
