javascript - How can I create a zoom animation from one ng-view to another? -


my screen broke 4 equal rectangles each chart in. want user able click on chart , application zoom new view chart whole page.

so set-up:

app/charts displays charts. when user selects chart (say chart-1), app navigates app/charts/chart-1.

i chart clicked expand view until takes whole screen (the new view).

i'm open approach this. css, javascript libraries, hacks (maybe use 1 view , zoom in on selected div?) want able navigate full screen chart url though...

thanks, appreciated.

<div class="wrapper  {selected_class}">   <div ng-click="selected_class='top-left'" class="top-left"></div>   <div ng-click="selected_class='top-right'" class="top-right"></div>   <div ng-click="selected_class='bottom-left'" class="bottom-left"></div>   <div ng-click="selected_class='bottom-right'" class="bottom-right"></div> </div>   .top-left .top-left{ transform:scale(2); } etc 

Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -