2015-04-22 3 views
1

Comment désactiver l'effet 'transition-timing-function' en css3Css3 outrepasser la transition-timing-function

J'utilise twitter bootstrap effet d'accordéon. quand je clique sur le premier onglet, les objets viennent de droite à gauche.

Y at-il un moyen de supprimer l'effet.

.collapsing{ 
    position:relative; 
    height:0; 
    overflow:hidden; 

-webkit-transition-timing-function:ease; 
-o-transition-timing-function:ease; 
transition-timing-function:ease; 

-webkit-transition-duration:.35s; 
-o-transition-duration:.35s; 
transition-duration:.35s; 

-webkit-transition-property:height,visibility; 
-o-transition-property:height,visibility; 
transition-property:height,visibility 
} 

enter image description here

Répondre

1

Si vous dire l'effet de transition, alors je propose une solution

#accordion-id { 
    transition: none !important; 
    -webkit-transition: none !important; 
    -o-transition: none !important; 
} 

.

Parce que le transition-timing-function, transition-duration et transition-property est comme la sous-propriété de transition.

Je prends la syntaxe de MDN montrant

[ none | <single-transition-property> ] || <time> || <timing-function> || <time> ] 

comme la syntaxe de la propriété de transition en CSS.

Remarque: Le préfixe du fournisseur n'a pas été testé.

+0

mais je ne suis toujours pas capable de surcharger la classe. S'il vous plaît voir mon image mise à jour – vishnu

+0

Enfin, son fonctionnement bien ... merci – vishnu

+0

Eh .. Est-ce que ma réponse vous a aidé? Ou a-t-il besoin d'une modification ..? – Abdillah