​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  .ease {
6
    transition: width 2s ease;
7
  }
8
  .cubic-bezier {
9
    transition: width 2s cubic-bezier(.63,.05,.43,1.7);
10
  }
11
  .ease:hover,
12
  .cubic-bezier:hover {
13
    width: 80%;
14
  }
15
  div {
16
    background: orange;
17
    color: white;
18
    width: 90px;
19
    margin: 10px;
20
    padding: 10px;
21
  }
22
</style>
23
​
24
<div class="ease">ease</div>
25
<div class="cubic-bezier">cubic-bezier()</div>