diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/1.css3\345\212\250\347\224\273.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/1.css3\345\212\250\347\224\273.html"
new file mode 100644
index 0000000..bc59b42
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/1.css3\345\212\250\347\224\273.html"
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/2.transition.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/2.transition.html"
new file mode 100644
index 0000000..f49b8c1
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/2.transition.html"
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/3.box-shadow.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/3.box-shadow.html"
new file mode 100644
index 0000000..5f53435
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/3.box-shadow.html"
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/animation-direction.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/animation-direction.html"
new file mode 100644
index 0000000..354a451
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/animation-direction.html"
@@ -0,0 +1,36 @@
+
+
+
+
+ animation-direction_CSS参考手册_web前端开发参考手册系列
+
+
+
+
+弹性运动的太阳：
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/h5\345\234\272\346\231\257.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/h5\345\234\272\346\231\257.html"
new file mode 100644
index 0000000..76c14c1
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/h5\345\234\272\346\231\257.html"
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg0.jpg" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg0.jpg"
new file mode 100644
index 0000000..088639b
Binary files /dev/null and "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg0.jpg" differ
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg1.jpg" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg1.jpg"
new file mode 100644
index 0000000..75267ea
Binary files /dev/null and "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg1.jpg" differ
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg2.jpg" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg2.jpg"
new file mode 100644
index 0000000..cf70b62
Binary files /dev/null and "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg2.jpg" differ
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg3.jpg" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg3.jpg"
new file mode 100644
index 0000000..145b488
Binary files /dev/null and "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg3.jpg" differ
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg4.jpg" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg4.jpg"
new file mode 100644
index 0000000..bda957d
Binary files /dev/null and "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/img/bg4.jpg" differ
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/index.js" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/index.js"
new file mode 100644
index 0000000..f5a3201
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/index.js"
@@ -0,0 +1,74 @@
+(function () {
+ var main = document.querySelector("#main");
+ var oLis = document.querySelectorAll("#main>ul>li");
+ var winW = window.innerWidth;
+ /*豸Ŀ*/
+ var winH = window.innerHeight;
+ /*豸ĸ*/
+ var desW = 640;
+ /*ƸĿ*/
+ var desH = 1008;
+ /*Ƹĸ*/
+
+ if (winW / winH <= desW / desH) {
+ main.style.webkitTransform = "scale(" + winH / desH + ")";
+ } else {
+ main.style.webkitTransform = "scale(" + winW / desW + ")";
+ }
+
+ /*
+ coverԭ:
+ (豸)/(豸)<=ͼ(Ƹ)/ͼ(Ƹ) ո
+ ֵ = ĸ/ͼ
+
+ />ͼ/ͼ տ
+ ֵ = Ŀ/ͼ
+ * */
+ //ʵ»Ч
+ [].forEach.call(oLis, function () {
+ var oLi = arguments[0];
+ oLi.index = arguments[1];
+ oLi.addEventListener("touchstart", start, false);
+ oLi.addEventListener("touchmove", move, false);
+ oLi.addEventListener("touchend", end, false);
+ })
+ function start(e) {
+ this.startY = e.changedTouches[0].pageY;
+ }
+
+ function move(e) {
+ var moveY = e.changedTouches[0].pageY;
+ var movePos = moveY - this.startY;//ƶľ
+ var index = this.index;
+ [].forEach.call(oLis,function(){
+ if(arguments[1]!=index){
+ arguments[0].style.display = "none";
+ }
+ arguments[0].className = "";
+ })
+ if (movePos > 0) {/*»*/
+ //ȡһ
+ this.prevsIndex = index == 0 ? oLis.length - 1 : index - 1;
+ var duration = -desH+movePos;
+ } else if (movePos < 0) {/*ϻ*/
+ //ȡһ
+ this.prevsIndex = index == oLis.length - 1 ? 0 : index + 1;
+ var duration = desH+movePos
+
+ }
+
+ oLis[this.prevsIndex].className = "zIndex";
+ oLis[this.prevsIndex].style.display = "block";
+ oLis[this.prevsIndex].style.webkitTransform = "translate(0,"+duration+"px)";
+ }
+
+ function end(e) {
+ oLis[this.prevsIndex].style.webkitTransform = "translate(0,0)";
+ oLis[this.prevsIndex].style.webkitTransition = "1s";
+ oLis[this.prevsIndex].addEventListener("webkitTransitionEnd",function(){
+ this.style.webkitTransition = "";//
+ })
+ }
+
+
+})();
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/1.transition\345\256\236\344\276\213\351\241\265\351\235\242\347\273\223\346\236\204.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/1.transition\345\256\236\344\276\213\351\241\265\351\235\242\347\273\223\346\236\204.html"
new file mode 100644
index 0000000..45750a0
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/1.transition\345\256\236\344\276\213\351\241\265\351\235\242\347\273\223\346\236\204.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/2.transform\350\257\255\346\263\225\351\241\265\351\235\242\347\273\223\346\236\204.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/2.transform\350\257\255\346\263\225\351\241\265\351\235\242\347\273\223\346\236\204.html"
new file mode 100644
index 0000000..dfe418c
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/2.transform\350\257\255\346\263\225\351\241\265\351\235\242\347\273\223\346\236\204.html"
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/4.transform\350\207\252\345\212\250\350\275\256\346\222\255\351\241\265\351\235\242\347\273\223\346\236\204.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/4.transform\350\207\252\345\212\250\350\275\256\346\222\255\351\241\265\351\235\242\347\273\223\346\236\204.html"
new file mode 100644
index 0000000..4c967bb
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/4.transform\350\207\252\345\212\250\350\275\256\346\222\255\351\241\265\351\235\242\347\273\223\346\236\204.html"
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/5.animation\346\241\210\344\276\213.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/5.animation\346\241\210\344\276\213.html"
new file mode 100644
index 0000000..9804c5b
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/5.animation\346\241\210\344\276\213.html"
@@ -0,0 +1,142 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/6.3D\345\205\255\350\276\271\345\275\242\351\241\265\351\235\242\347\273\223\346\236\204.html" "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/6.3D\345\205\255\350\276\271\345\275\242\351\241\265\351\235\242\347\273\223\346\236\204.html"
new file mode 100644
index 0000000..d401d6b
--- /dev/null
+++ "b/\347\254\254\345\205\253\345\221\250\345\205\250\346\227\245\345\210\266\347\247\273\345\212\250\347\253\257/\351\241\265\351\235\242\347\273\223\346\236\204/6.3D\345\205\255\350\276\271\345\275\242\351\241\265\351\235\242\347\273\223\346\236\204.html"
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
+
+
+ Contact Form
The easiest way to add a contact form to your shop.
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+