Багато цікавих нових функцій і можливостей в даний час придумали для CSS3. Ми будемо намагатися і продемонструє деякі з них на цій сторінці. Отже, подивимося на ці 5 Awesome CSS3 Особливості і дайте нам знати ваші думки в коментарі.

Тут корисно CSS3 поради. Я сподіваюся, що ви знайдете дуже корисну натхнення для свого наступного проекту. Спасибо!

1. Округлі Corner

Вам не потрібно мати образ для кожного кута. Тепер вона може зробити сам!

Приклад:

Кодекс

  . Вставка (
 ; BACKGROUND-COLOR: # 6b6b6b;
 -МОЗ кордону радіусу: 7px;
 -WebKit кордону радіусу: 7px;
 solid # 000 ; Кордон: 1px твердо # 000;
 ; PADDING: 10px;
 ширина: 500px;
 ; COLOR: # FFF;
 ) 

2. Текст Shadow

Дізнайтеся, як додати тінь до тексту. Тільки веб-браузер, який підтримує CSS3 Text-тінь власності Safari.

Приклад:

Код:

  h1 (
 2px 2px 2px ; Текст тіні: # 9c9c9c 2px 2px 2px;
 ; COLOR: # 993333;
 ) 

3. Прикордонна Image

Ще однією цікавою функцією нової кордоні CSS3 є власністю кордонів зображення. Дізнайтеся, як правильно використовувати зображення

4. Використання будь-яких для користувача шрифтів

CSS 3 може прочитати файл шрифту, якщо ви вказуєте шлях, а потім вона може надати текст, який ви застосувати CSS клас чи ідентифікатор

5. Кілька фонів

Нарешті, ви можете застосовувати більш ніж один довідковий одного елемента.

Гарне місце, щоб перевірити деякі Awesome CSS3 особливостей є сайт їм CSS3.info.

Якщо Ви хотіли б отримувати більше натхнення з нас, будь ласка, підпишіться на нашу RSS канал шляхом або по електронній пошті.

Подано в: Css, Навчання по адміністратора