增加圆滑过度效果

hzlzh · hzlzh · commit fd8ca390e7aa · 2016-06-16T23:35:54.000+08:00
diff --git a/css/style.css b/css/style.css
@@ -345,11 +345,15 @@ header {
     margin: 0 auto;
     margin-bottom: 1rem;
     width: 16rem;
-    text-align: left
+    text-align: left;
+}
+.mod-des__list a{
+    transition: margin-left .2s linear;
 }
 .mod-des__list a:hover{
     margin-left: 8px;
     color: #136e24;
+    cursor: pointer;
 }
 
 .mod-des__list-box:last-child {
@@ -431,6 +435,12 @@ header {
     margin-bottom: 3.75rem;
     text-align: center
 }
+.support-example img{
+    opacity: .7;
+}
+.support-example img:hover{
+    opacity: 1;
+}
 
 .support-item {
     display: inline-block;
diff --git a/index.html b/index.html
@@ -29,7 +29,7 @@
                 <div class="logo-icon bounceIn animated"></div>
                 <div class="logo-timeline" style="display: none;"></div>
             </div>
-            <div class="logo-name"></div>
+            <div class="logo-name">WeFlow</div>
             <div class="description">一个高效、强大、跨平台的前端开发工作流工具</div>
         </div>
         <div class="screenshot">Screenshots</div>
