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
Post a Comment