mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
34 lines
841 B
HTML
34 lines
841 B
HTML
<ion-navbar *navbar>
|
|
<ion-title>Animations</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content>
|
|
|
|
<div style="position:relative; margin: 20px auto; width: 250px; height: 50px; background: #ddd;">
|
|
|
|
<div class="green" style="position:absolute; height: 50px; width: 50px; background:green;"></div>
|
|
|
|
</div>
|
|
|
|
<ion-list>
|
|
<ion-item>
|
|
<ion-label>Duration:</ion-label>
|
|
<ion-input [(ngModel)]="duration"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Easing</ion-label>
|
|
<ion-select [(ngModel)]="easing">
|
|
<ion-option value="linear"></ion-option>
|
|
<ion-option value="ease-in-out"></ion-option>
|
|
<ion-option value="cubic-bezier(0.36,0.66,0.04,1)"></ion-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
|
|
<button ion-item (click)="playGreen()">
|
|
Play
|
|
</button>
|
|
</ion-list>
|
|
|
|
</ion-content>
|