mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
14 lines
518 B
HTML
14 lines
518 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" *ng-if="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>
|