mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 13:01:01 +08:00
33 lines
652 B
HTML
33 lines
652 B
HTML
<html>
|
|
<head>
|
|
<title>Animations</title>
|
|
<style>
|
|
#ionitron {
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
top: 45%;
|
|
margin-top: -50px;
|
|
left: 50%;
|
|
margin-left: -50px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<img src="http://ionicframework.com/present-ionic/slides/img/me.png" id="ionitron">
|
|
|
|
<div style="position:absolute; bottom: 0; display:inline;">
|
|
<button primary (click)="pause($event)">
|
|
Pause
|
|
<ion-icon name="pause"></ion-icon>
|
|
</button>
|
|
<button secondary (click)="play($event)">
|
|
Play
|
|
<ion-icon name="play"></ion-icon>
|
|
</button>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|