2016-09-22 3 views
0

Ich arbeite an Karussell.Es ist innerhalb der Abteilung in, dass ich Schatten innerhalb der Abteilung setzen muss und ich möchte den Schatten innerhalb der Abteilung zu animieren, wie ich will aber BoxShadow Animation funktioniert, wenn ich auf die Außenseite der Abteilung angewendet habe, aber wenn ich das gleiche auf den inneren Schatten angewendet habe, funktioniert es nicht.Wie zu animieren Box-Shadow innerhalb der Abteilung in jQuery

$("#"+index).animate({ boxShadow : "200px 0px 80px 30px #ffffff" 
},1000); 

der obige Code

aber

$("#"+index).animate({ boxShadow : "inset 200px 0px 80px 30px #ffffff" 
    },1000); 

nicht

funktioniert weiß ich nicht, was

+0

Ich würde vorschlagen, CSS-Animationen verwenden. Nicht Jquery. Fügen Sie also eine Klasse hinzu oder entfernen Sie sie, wenn Sie animieren möchten, –

+0

@Venkat Lokeswar, welche Version der jQuery-Bibliothek Sie verwenden. – frnt

+0

ich denke, was Sie sagten, ist richtig, lassen Sie mich versuchen, es übrigens meine aktuelle Version ist 1.11.3 @ Unnamata Sanatarai –

Antwort

0

warum nicht CSS Animations Geck geschieht verwenden funktioniert?

seine einfache brauchen nur

transtion: box-shadow 1s ease-in; 

hinzufügen oder wenn Sie Animation wollen kontinuierliche laufen nur verwenden Keyframe http://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp

+0

ya ich weiß, dass man, aber ich brauche es in jQuery –