-
Notifications
You must be signed in to change notification settings - Fork 0
/
ventana.html
47 lines (37 loc) · 1.19 KB
/
ventana.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<scruot src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<title></title>
<style>
.d {
width: 100px;
position:absolute;
background-color:black;
border: 3px solid #1c89f9;
-webkit-animation-name: MiAnimacion; /* Chrome, Safari, Opera */
-webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
animation-duration: 3s;
/* animation-iteration-count: infinite;*/
animation-name: MiAnimacion;
/* animation-direction: alternate;*/
}
</style>
</head>
<body >
<button class="btn btn-success" id="btn"> Enviar</button>
<div id="div" class="">sdsd</div>
</body>
</html>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$('#div').animate({marginLeft : '100%'}, {duration: vitesse_volet, easing: 'easeOutBounce'});
//$("#div").addClass('d');
});
});
</script>
http://www.kalixo.fr/#strategie_l