Обводка
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;
}