CSS 3を使って簡単な属性アニメーションを生成します.
1049 ワード
CSS 3アニメーション/移行を使用して、ストランストn-durationとストランステオ-property、トランジスト-timing-functionスタイル.
CSS 3を使って簡単な属性アニメーションを生成します。zip
<!DOCTYPE html>
<html>
<head>
<title>Creating simple property animations using CSS3</title>
<style type="text/css">
a {
color: #F00;
font-size: 4em;
font-weight: bold;
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease;
}
a:hover {
color: #0F0;
}
a:active {
color: #00F;
}
</style>
</head>
<body>
<a id="header">-webkit-transition</a>
</body>
</html>CSS 3を使って簡単な属性アニメーションを生成します。zip