set material design tab transitions (web) -
i have been working material design , tried options instructed @ [https://material.angularjs.org/latest/#/api/material.components.tabs/directive/mdtab][1]
i have no clue how change slide transitions fade or else. please help
<md-tabs md-selected="selectedindex"> <img ng-src="img/angular.png" class="centered"> <md-tab ng-repeat="tab in tabs | orderby:predicate:reversed" md-on-select="ontabselected(tab)" md-on-deselect="announcedeselected(tab)" ng-disabled="tab.disabled"> <md-tab-label> {{tab.title}} <img src="img/removetab.png" ng-click="removetab(tab)" class="delete"> </md-tab-label> <md-tab-body> {{tab.content}} </md-tab-body> </md-tab> </md-tabs>
you can set animation css using these classes:
[role="tabpanel"], md-tabs { transition: none; /* or whatever transition want }
Comments
Post a Comment