3D Image Blink in Experience

[Swapnil_More]

I created an experience in which I want to show sequence location with Blinking 3D Image (Arrow). 

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

I used above css on 3D lable but it's not working.

Can someone help me with this or give any better solution. 

[nqwifly · Accepted solution]

You can use $interval function as follow:

$scope.blink= function(){
	interval= $interval( function(){
          $scope.app.view.Home.wdg["3DImage-4"]["visible"] = !$scope.app.view.Home.wdg["3DImage-4"]["visible"];
          }, 
              500); // interval duration .5 second
}

Consider cancelling the interval whenever you're done with it by:

  	$interval.cancel(interval);

Regards,