правила CSS3

1. delete (03.01.2011 / 23:48)
Возможно для новичков будит полезным.
Скругленные углы

border: 1px solid #699;
 /* для Firefox */
-moz-border-radius: 20px;
 
 /* для Safari и Google Chrome */
-webkit-border-radius: 20px;

Добавлено через 01:18 сек.
Тень элемента

/* Необязательная команда для эффекта тени */
 border:1px solid #699;
 /* для Firefox */
 -moz-box-shadow: 5px 5px 5px #b6ebf7;
 /* для Safari и Google Chrome */
 -webkit-box-shadow: 5px 5px 5px #b6ebf7;

Добавлено через 04:24 сек.
Колонки

/* Не обязательная команда для колонок */
 border:1px solid #699;
/* для Firefox */
-moz-column-count: 2;
-moz-column-gap: 20px;
-moz-column-rule: 1px solid #6e8eb9;
 /* для Safari */
-webkit-column-count: 2;
-webkit-column-gap: 20px;
-webkit-column-rule: 1px solid #6e8eb9;

Добавлено через 08:00 сек.
Несколько изображений для фона

#box5 blockquote{
/* Для всех браузеров */
 background:no ne;
padding:0 20px;

}
body:last-child #box5 blockquote p{
/* IE игнорирует данное правило */
 background:no ne
}
body:last-child #box5 blockquote{
 /* IE игнорирует данное правило */ background:url(/i/quotel.gif) no-repeat 0 0, url(/i/quoter.gif) no-repeat 100% 0;
}

Добавлено через 09:57 сек.
Модель прямоугольника

width: 200px;
padding: 10px;
 /* для Firefox */
 -moz-box-sizing: content-box;
 /*для IE8 */
 box-sizing: content-box;
  /* для Safari */
 -webkit-box-sizing: content-box;

2. delete (03.01.2011 / 23:59)
Обводка

 border:1px solid #000;
outline:1px solid #699;
outline-offset: -9px;

Добавлено через 01:53 сек.
Фоновые градиенты

 /* для Firefox */
background: -moz-linear-gradient(bottom, #b6ebf7, #fff 20%);
/* для Safari */
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b6ebf7), color-stop(0.20, #fff));

Добавлено через 02:49 сек.
Вращения

 -moz-transform: rotate(2deg);
 -webkit-transform: rotate(2deg);

Добавлено через 07:54 сек.
Анимации
Сначала определяем цвет ссылки:

.box a {
 color: #0f0;
}

Устанавливаем цвет и свойства для анимации с помощью transition-property:

box10 a:hover {
color: #0f0;
 -moz-transition-property: color;
-webkit-transition-property: color;
}

Устанавливает продолжительность анимации:

#box10 a:hover {
color: #0f0;
-moz-transition-property: color;
-webkit-transition-property: color;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}

Устанавливаем тип анимации:

#box10 a:hover {
color:#31801f;
-moz-transition-property: color;
-webkit-transition-property:  color;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
}

3. delete (04.01.2011 / 00:14)
пусть будит подсказкой, тема #

URL: https://visavi.net/topics/17257