Team:OUC-China/css/topsection.css

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
         }
         }
.anchor {
.anchor {
 +
            height: 150px;
             position: fixed;
             position: fixed;
-
             right: 10px;
+
            bottom: 30px;
-
             bottom: 10px;
+
             right: 30px;
 +
             z-index: 1000;
 +
            transition: 0.5s;
             cursor: pointer;
             cursor: pointer;
-
            width: 60px;
 
-
            height: 60px;
 
-
            z-index: 20;
 
             -webkit-transition: all ease 0.4s;
             -webkit-transition: all ease 0.4s;
             -moz-transition: all ease 0.4s;
             -moz-transition: all ease 0.4s;
Line 20: Line 20:
             -o-transition: all ease 0.4s;
             -o-transition: all ease 0.4s;
             transition: all ease 0.4s;
             transition: all ease 0.4s;
 +
        }
 +
        .anchor:hover {
             -webkit-transform: rotate(180deg);
             -webkit-transform: rotate(180deg);
             -moz-transform: rotate(180deg);
             -moz-transform: rotate(180deg);
Line 25: Line 27:
             -o-transform: rotate(180deg);
             -o-transform: rotate(180deg);
             transform: rotate(180deg);
             transform: rotate(180deg);
-
        }
 
-
        .anchor:hover {
 
-
            -webkit-transform: rotate(0);
 
-
            -moz-transform: rotate(0);
 
-
            -ms-transform: rotate(0);
 
-
            -o-transform: rotate(0);
 
-
            transform: rotate(0);
 
         }
         }

Revision as of 03:16, 17 October 2014

  1. top-section * {
   font-size: 13px !important;

}

  • {
           margin: 0;
           padding: 0;
           border: 0;
       }

.anchor {

           height: 150px;
           position: fixed;
           bottom: 30px;
           right: 30px;
           z-index: 1000;
           transition: 0.5s;
           cursor: pointer;
           -webkit-transition: all ease 0.4s;
           -moz-transition: all ease 0.4s;
           -ms-transition: all ease 0.4s;
           -o-transition: all ease 0.4s;
           transition: all ease 0.4s;
       }
       .anchor:hover {
           -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
           -ms-transform: rotate(180deg);
           -o-transform: rotate(180deg);
           transform: rotate(180deg);
       }