diff options
Diffstat (limited to 'index.html')
-rwxr-xr-x | index.html | 56 |
1 files changed, 4 insertions, 52 deletions
@@ -4,7 +4,7 @@ | |||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | 4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> |
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
6 | </copyright> --> | 6 | </copyright> --> |
7 | <!-- <html manifest="ninja.appcache"> --> | 7 | |
8 | <html> | 8 | <html> |
9 | 9 | ||
10 | <head lang="en"> | 10 | <head lang="en"> |
@@ -44,13 +44,7 @@ | |||
44 | background-size: auto, 115%; | 44 | background-size: auto, 115%; |
45 | background-color: rgba(150, 0, 0, 1); | 45 | background-color: rgba(150, 0, 0, 1); |
46 | background-position: center center; | 46 | background-position: center center; |
47 | background-repeat: no-repeat;/* | 47 | background-repeat: no-repeat; |
48 | |||
49 | -webkit-animation-name: background-animation; | ||
50 | -webkit-animation-duration: 3s; | ||
51 | -webkit-animation-iteration-count: infinite; | ||
52 | -webkit-animation-timing-function: linear; | ||
53 | */ | ||
54 | } | 48 | } |
55 | 49 | ||
56 | .montage-app-loaded body | 50 | .montage-app-loaded body |
@@ -81,10 +75,6 @@ | |||
81 | left: 50%; | 75 | left: 50%; |
82 | margin: -160px 0px 0px -160px; | 76 | margin: -160px 0px 0px -160px; |
83 | overflow: visible; | 77 | overflow: visible; |
84 | -webkit-animation-name: zoom; | ||
85 | -webkit-animation-duration: 3s; | ||
86 | -webkit-animation-iteration-count: infinite; | ||
87 | -webkit-animation-timing-function: ease-in-out; | ||
88 | } | 78 | } |
89 | 79 | ||
90 | #ninja_logo .gradient | 80 | #ninja_logo .gradient |
@@ -118,51 +108,13 @@ | |||
118 | border-radius: 50%; | 108 | border-radius: 50%; |
119 | position: absolute; | 109 | position: absolute; |
120 | top: 0px; | 110 | top: 0px; |
121 | left: 0px;/* | 111 | left: 0px; |
122 | |||
123 | -webkit-animation-name: solid-animation; | ||
124 | -webkit-animation-duration: 3s; | ||
125 | -webkit-animation-iteration-count: infinite; | ||
126 | -webkit-animation-timing-function: linear; | ||
127 | */ | ||
128 | } | 112 | } |
129 | 113 | ||
130 | #ninja_logo canvas | 114 | #ninja_logo canvas |
131 | { | 115 | { |
132 | position: absolute; | 116 | position: absolute; |
133 | margin: -45px -110px;/* | 117 | margin: -45px -110px; |
134 | |||
135 | -webkit-animation-name: rotate; | ||
136 | -webkit-animation-duration: 1.5s; | ||
137 | -webkit-animation-iteration-count: infinite; | ||
138 | -webkit-animation-timing-function: linear; | ||
139 | */ | ||
140 | } | ||
141 | |||
142 | @-webkit-keyframes solid-animation { | ||
143 | 0% {background: #000;} | ||
144 | 50% {background: #666;} | ||
145 | 100% {background: #000;} | ||
146 | } | ||
147 | |||
148 | @-webkit-keyframes background-animation { | ||
149 | 0% {background-size: 200%} | ||
150 | 50% {background-size: 100%} | ||
151 | 100% {background-size: 200%} | ||
152 | } | ||
153 | |||
154 | @-webkit-keyframes rotate { | ||
155 | 0% {-webkit-transform: rotate(0deg); margin: -45px -110px;} | ||
156 | 25% {-webkit-transform: rotate(90deg); margin: -90px -55px;} | ||
157 | 50% {-webkit-transform: rotate(180deg); margin: -55px 0px;} | ||
158 | 75% {-webkit-transform: rotate(270deg); margin: 0px -55px;} | ||
159 | 100% {-webkit-transform: rotate(360deg); margin: -45px -110px;} | ||
160 | } | ||
161 | |||
162 | @-webkit-keyframes zoom { | ||
163 | 0% {-webkit-transform: scale(.9);} | ||
164 | 50% {-webkit-transform: scale(.5);} | ||
165 | 100% {-webkit-transform: scale(.9);} | ||
166 | } | 118 | } |
167 | 119 | ||
168 | </style> | 120 | </style> |