Add files via upload

.project

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>phoneshop</name>
+	<comment>Create By HBuilder</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1521754311333</id>
+			<name></name>
+			<type>10</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.orFilterMatcher</id>
+				<arguments>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
+					</matcher>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
+					</matcher>
+				</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

animate.css

@@ -0,0 +1,237 @@
+/*.screen-1__shadow,
+.screen-1__phone,
+.screen-1__heading{
+    visibility: hidden;
+}
+.outline{
+    opacity: 0;
+}
+*/
+
+.screen-1__heading,
+.screen-1__phone,
+.screen-1__shadow{
+
+	transition: all 1s; /*过渡动画*/
+}
+
+.screen-1__heading_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+
+.screen-1__heading_animate_done,
+.screen-1__phone_animate_done,
+.screen-1__shadow_animate_done{
+	opacity: 1;
+	transform: translate(0,0);
+}
+.screen-1__phone_animate_init{
+	opacity: 0;
+	transform: translate(0,-100%);
+}
+.screen-1__shadow_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+
+}
+
+
+/*屏幕1动画*/
+
+
+/*屏幕2动画*/
+.screen-2__heading,
+.screen-2__phone,
+.screen-2__subheading
+{
+
+	transition: all 1s; /*过渡动画*/
+}
+
+.screen-2__heading_animate_init{
+	opacity: 0;
+	transform: translate(0,-100%);
+}
+.screen-2__heading_animate_done,
+.screen-2__subheading_animate_done,
+.screen-2__phone_animate_done{
+	opacity: 1;
+	transform: translate(0,0);
+}
+.screen-2__subheading_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+.screen-2__phone_animate_init{
+	opacity: 0;
+	transform: translate(0,50%);
+}
+
+
+.screen-2__point{transition: all 1s 1s;}
+.screen-2__point_done{
+	opacity: 1;
+	transform: translate(0,0);
+}
+.screen-2__point_i_1_animate_init{
+	opacity: 0;
+	transform: translate(-100%,0);
+}
+.screen-2__point_i_2_animate_init,
+.screen-2__point_i_3_animate_init{
+	opacity: 0;
+	transform: translate(100%,0);
+}
+
+/*屏慕3动画*/
+
+.screen-3__heading,
+.screen-3__phone,
+.screen-3__subheading,
+.screen-3__features
+{	
+	transition: all 1s; /*过渡动画*/
+}
+
+.screen-3__heading_animate_done,
+.screen-3__subheading_animate_done,
+.screen-3__phone_animate_done{
+	opacity: 1;
+	transform: translate(0,0);
+}
+
+.screen-3__features_animate_done{
+	transform: scale(1);
+}
+.screen-3__features_animate_init{
+	opacity: 0;
+	transform: scale(.5);
+}
+
+.screen-3__features__item{
+	transition: all 0.5s; 
+}
+.screen-3__features__item:hover{
+	transform: scale(1.1);
+	cursor: pointer;
+	border-color: white;
+}
+
+.screen-3__heading_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+.screen-3__subheading_animate_init{
+	opacity: 0;
+	transform: translate(0,-100%);
+}
+.screen-3__phone_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*屏幕4动画*/
+.screen-4__heading,
+.screen-4__subheading{
+
+	transition: all 1s; /*过渡动画*/
+}
+
+.screen-4__heading_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+.screen-4__subheading_animate_init{
+	opacity: 0;
+	transform: translate(0,-100%);
+}
+.screen-4__subheading_animate_done,
+.screen-4__heading_animate_done{opacity: 1;transform: translate(0,0);}
+
+.screen-4__type__item_i_1{transition: all 1s .5s;}
+.screen-4__type__item_i_2{transition: all 1s 1s;}
+.screen-4__type__item_i_3{transition: all 1s 1.5s;}
+.screen-4__type__item_i_4{transition: all 1s 2s;}
+
+.screen-4__type__item_i_1_animate_init,
+.screen-4__type__item_i_2_animate_init,
+.screen-4__type__item_i_3_animate_init,
+.screen-4__type__item_i_4_animate_init{opacity: 0;}
+
+.screen-4__type__item_i_1_animate_done,
+.screen-4__type__item_i_2_animate_done,
+.screen-4__type__item_i_3_animate_done,
+.screen-4__type__item_i_4_animate_done{opacity: 1;}
+
+/*屏幕5动画*/
+.screen-5__heading,
+.screen-5-bg,
+.screen-5__subheading{
+
+	transition: all 1s; /*过渡动画*/
+}
+.screen-5__heading_animate_init{
+	opacity: 0;
+	transform: translate(0,-100%);
+}
+.screen-5__subheading_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+.screen-5-bg_animate_init{
+	opacity: 0;
+	transform: translate(0,100%);
+}
+.screen-5__subheading_animate_done,
+.screen-5-bg_animate_done,
+.screen-5__heading_animate_done{opacity: 1;transform: translate(0,0);}
+
+/*定义帧动画*/
+@-webkit-keyframes  bounce{
+	0%{
+		transform: scale(0);
+	}
+	50%{
+		transform: scale(1);
+	}
+	100%{
+		transform: scale(1);
+	}
+}
+/*使用帧动画*/
+.screen-2__point:before,
+.screen-2__point:after{
+	content: ' ';
+	display: block;
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    background-color: rgba(255,0,0,0.4);
+	-webkit-animation: bounce 2s infinite;
+	border-radius: 50%;
+}
+.screen-2__point:before{
+	-webkit-animation: bounce 2s infinite 1s;
+}
+
+.screen-2__point_i_1:after,
+.screen-2__point_i_1:before{
+	left:200px;
+}

base.css

@@ -0,0 +1,5 @@
+body{background-color: #fff;}
+div{display: block;}
+*{margin: 0; padding: 0;}
+a{text-decoration: none;}
+h2,h3{margin: 0; padding: 0; font-weight: normal;}