mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
14 lines
516 B
HTML
14 lines
516 B
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Blur</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding style="text-align:center; background: url('bg.jpg') no-repeat transparent; background-size: cover">
|
|
|
|
<button (click)="showBlur=true" primary>Blur</button>
|
|
|
|
<div ion-blur (click)="showBlur=false" *ngIf="showBlur" style="display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);">
|
|
<h2>Blurred!</h2>
|
|
</div>
|
|
</ion-content>
|