-
Notifications
You must be signed in to change notification settings - Fork 57
/
Copy pathindex.html
27 lines (26 loc) · 1.54 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
<html ng-app="ngApp">
<head>
<link href="styles/main.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div ng-controller="ParallaxExampleCtrl">
<h1 parallax parallax-ratio="1.22" parallax-vertical-offset="10" parallax-horizontal-offset="600" class="parallax">Angular Parallax</h1>
<div parallax-background class="photo nature" parallax-ratio="0.5"><span style="font-size:1em;">Nature</span></div>
<div parallax-background class="photo food" parallax-ratio="0.8" parallax-vertical-offset="100"><span style="font-size:4em;">Food</span></div>
<div parallax-background class="photo animals" parallax-ratio="0.7">Animals</div>
<div parallax-background class="photo cats" parallax-ratio="1">Cats</div>
<img parallax parallax-ratio="1.88" parallax-vertical-offset="100" parallax-horizontal-offset="40" class="parallax" src="images/muther.jpg" />
<!--<div parallax-slider class="" parallax-ratio="0.5">Autumn</div>-->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="scripts/angular-parallax.js"></script>
<script>
var app = angular.module('ngApp', [
'angular-parallax'
]);
app.controller('ParallaxExampleCtrl', function($scope) {
});
</script>
<a href="https://github.com/brettdonohoo/angular-parallax"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
</body>
</html>