Difference between revisions of "Team:NEU China A/Model"

Line 59: Line 59:
 
     }
 
     }
  
.tabs.tabs-transparent .indicator {
+
    .mu-tab-link-highlight {
 
+
        position: absolute;
    background-color: #fff;
+
        left: 0;
    z-index:99;
+
        bottom: 0;
 
+
        height: 2px;
}
+
        background-color: #ff4081;
.tabs .indicator {
+
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 
+
        -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    position: absolute;
+
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    bottom: 0;
+
        will-change: width transform;
    height: 2px;
+
        -webkit-backface-visibility: hidden;
    background-color: #f6b2b5;
+
        backface-visibility: hidden;
    will-change: left, right;
+
    }
    z-index:99;
+
 
+
}
+
  
 
</style>
 
</style>
Line 122: Line 119:
 
                 <li class="tab"><a href="#test3">Disabled Tab</a></li>
 
                 <li class="tab"><a href="#test3">Disabled Tab</a></li>
 
                 <li class="tab"><a href="#test4">Test 4</a></li>
 
                 <li class="tab"><a href="#test4">Test 4</a></li>
                 <li class="indicator" style="left: 314px; right: 287px;"></li>
+
                 <li class="mu-tab-link-highlight" style="width: 200px; transform: translate(200px, 0px) translateZ(200px);"></li>
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>

Revision as of 07:39, 14 October 2018

Test 1
Test 2
Test 3
Test 4