​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
.animate {
5
  background: yellowgreen;
6
  color: olivedrab;
7
  font: 100 16px sans-serif;
8
  padding: 10px;
9
  min-width: 10%;
10
  animation: myAnimation 3s ease 1s 2 forwards;
11
}
12
​
13
@keyframes myAnimation {
14
  50% {
15
    min-width: 100%;
16
  }
17
}
18
</style>
19
​
20
​
21
<input type="button" class="animate" value="My Button">