javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(blur): description

Browse Source
This commit is contained in:
Drew Rygh
2015-12-09 15:59:40 -06:00
parent f911ae5af2
commit 4995d80bc9
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/blur/main.html
View File

@@ -7,7 +7,7 @@
<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);">"
<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>

7
ionic/components/blur/blur.ts
View File

@@ -1,5 +1,12 @@
import {Directive, Renderer, ElementRef} from 'angular2/angular2';
/**
* The blur attribute applies the CSS blur attribute to an element. If the CSS attribute is not supported,
* it will fall back to applying a semi-transparent background color to the element.
*
* @demo /docs/v2/demos/blur/
*/
@Directive({
selector: '[ion-blur]'
})