11 января 2011, 23:40

CSS3: transition

Транзишон — образно говоря, плавный переход значений свойств на промежутке времени. Появился в свежих браузерах ФФ4, ВебКиты, Жопера 11+. Применим в паре с псевдо-классами, например :hover.

Объявление имеет вид:
// on webkit base
a {
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
}
// or
a {
-webkit-transition: all 0.5s ease;
}

Пример:
a.foo {
padding: 5px 10px;
background-color: #69f;
color: #000;
-webkit-transition: all 0.5s ease;
}
a.foo:hover {
background-color: #33f;
color: #fff;
}

ps: взято с хабра.

1 комментарий РСС

pepelsbey
И всё же Opera не 11+, а 10.50+ — т. е. уже год как.

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter