-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
43 lines (39 loc) · 1.11 KB
/
index.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
<!doctype html>
<html>
<head>
<title>css3PIE jQuery Plugin Test</title>
<link rel="stylesheet" media="all" href="css/global.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/css3pie.plugin.js"></script>
<script>
$(document).ready(function() {
$('div').css3PIE();
// some fun :)
var rounded=10;
var limitRounded=50;
roundAnim = setInterval(function(t) {
if (rounded == limitRounded) {
clearInterval(roundAnim);
}
$('.rounded').css({
'border-radius':rounded,
'-moz-border-radius':rounded,
'-webkit-border-radius':rounded
});
rounded++;
},100);
})
</script>
</head>
<body>
<div class="rounded">
Gradient & Border-radius test
</div>
<div class="shadowed">
Gradient & Box-shadow test
</div>
<div class="rounded shadowed">
Gradient, Box-shadow & border-radius test
</div>
</body>
</html>