|
WEB-нотатки - записник он-лайн
У розділі матеріалів: 10
Показано матеріалів: 1-10
Використаємо декілька CSS3 властивостей для створення 3D-тексту на будь-якому елементі HTML. Без додаткових HTML тегів, картинок, без додаткового головного болю. Працює в останніх збірках Safari, Chrome, Firefox, Opera.
|
|
Все меню виконано за допомогою CSS3, ніяких зображень не використовується. Вигляд меню, в даному випадку, нагадуватиме меню Apple.
|
|
За допомогою властивості "border-image" ми розтягнемо картинку по ширині тексту, який буде всередині і заокруглимо кути.
|
|
border-radius - дуже зручне властивість у CSS3 яка дає можливість відмовитись від використання графіки для гарного заокруглення кутів об'єктів.
|
|
Тепер не потрібно створювати багато шарів і поміщувати туди текст, потрібно всього лише прописати кількість колонок і їх властивості.
|
|
Нова можливість задати колір фону та його прозорість.
|
|
box-shadow додає тінь до об'єкта із заданими зрушеннями по ширині/висоті, радіусом розмиття, розтягування і кольору тіні. Це панацея для більшості верстальників, які ненавидять різати і верстати розмальовані куточки і бордери об'єктів.
|
|
Анімація для властивостей в CSS 3
|
|
Задаємо прозорість для елемента за допомогою CSS 3.
|
|
В даний момент ефект «Текст з тінню», тобто властивості атрибута text-shadow підтримують браузери: Firefox, Opera, Chrome. Не підтримують: Internet Explorer, N. Navigator. Причина цього в тому, що специфікація CSS 3 ще не отримала статус офіційної рекомендації.
|
|
|