京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
div8
{9
width:100px;10
height:50px;11
background:red;12
color:white;13
font-weight:bold;14
transition:width 2s;15
-webkit-transition:width 2s; /* Safari */16
}17
18
#div1 {transition-timing-function: linear;}19
#div2 {transition-timing-function: ease;}20
#div3 {transition-timing-function: ease-in;}21
#div4 {transition-timing-function: ease-out;}22
#div5 {transition-timing-function: ease-in-out;}23
24
/* Safari */25
#div1 {-webkit-transition-timing-function: linear;}26
#div2 {-webkit-transition-timing-function: ease;}27
#div3 {-webkit-transition-timing-function: ease-in;}28
#div4 {-webkit-transition-timing-function: ease-out;}29
#div5 {-webkit-transition-timing-function: ease-in-out;}30
31
div:hover32
{33
width:300px;34
}35
</style>36
</head>37
<body>38
39
<p><b>注意:</b> 该属性不兼容 IE 9 以及更早版本的浏览器</p>40
41
<div id="div1" style="top:100px">linear</div>42
<div id="div2" style="top:150px">ease</div>43
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java