5px 5px 30px fuchsia;
Блок № 4 box-shadow: # ff33ff 20px 5px 10px;
Параметр text-shadow . Його синтаксис ідентичний синтаксису box-shadow. За допомогою параметра text-shadow можна додавати декоративні тіні до тексту на веб-сторінці. (Рис 3.)
Рис 3.
На жаль навіть Internet Explorer 9 не підтримує параметр text-shadow.
4. Меню, що випадає
Навігація на сайті це невід'ємний елемент, адже за допомогою неї користувач з легкістю може перейти до необхідної інформації, що не здався пошуком інформації втрачаючи на це дорогоцінний час. Але часом необхідно помістити в меню досить багато інформації, а це не дуже зручно, адже меню стане досить об'ємним і буде займати багато місця, а це погано позначиться на візуальному оформленні сайту. Що ж робити в такому випадку? Вихід досить простий, нам необхідно створити меню, що випадає для сайту, яке буде відмінно. Крім того меню барвисте, що дозволяє йому відмінно вписується в будь-який дизайн сайту, крім цього можна легко налаштувати навігацію під себе. (Рис 4.)
Рис 4.
5. Розмовні блоки
Можна оригінально оформити текст за допомогою різноманітних розмовних блоків, які, знову таки, зроблені на основі CSS3 технологій. (Рис 5.)
Рис 5.
6. Навігація на вкладках
Навігація, найчастіше, займає безліч місця, якщо звичайно у вас багато в ній інформації, за допомогою вкладок можна створити таку навігацію, щоб містила безліч інформації, але при цьому була елегантно оформлено і не займала багато місця. Вкладки стали дуже популярними в структурі сайту, вони допомагають економити місце на ресурсі і залучати користувачів своєї анімацією при зміні закладок. (Рис 6.)
Рис 6.
7. Кнопки
Без кнопок, невід'ємної частини HTML форми, не обходиться жоден веб-сайт. Однак не всіх влаштовує їх традиційно стандартний зовнішній вигляд. Тому в більшості випадків веб-майстер, піддає її трансформування, щоб гармонійно вписати кнопку в дизайн веб-сторінки.
Оформити кнопку можна різними способами, але найпростіший і швидкий - це використання властивостей стильового мови CSS. (Рис 7.)
Рис 7.
8. Загнуті краї стрічки
Заломлені куточки були популярні протягом декількох років. Користувач бачив природно виглядає злегка зігнуте поле, на ділі ж це оптична ілюзія створена тінню в нижній частині елементу. (Рис. 8.)
Рис 8.
Ще недавно вам треба було робити тінь у вигляді зображення в графічній програмі Photoshop, Gimp або інший. В ідеалі це буде 24-бітний PNG з прозорістю, який накладається на будь фон, але це може викликати проблеми в старих браузерах.
На щастя, CSS3 надає гарну альтернативу з деякими перевагами. (Рис 9.)
· Ефект працює в сучасних браузерах, але не застосовувати...
