mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 11:17:19 +08:00
18 lines
524 B
TypeScript
18 lines
524 B
TypeScript
import {Directive, Renderer, ElementRef} from 'angular2/core';
|
|
|
|
|
|
/**
|
|
* 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]'
|
|
})
|
|
export class Blur {
|
|
constructor(private elementRef: ElementRef, private renderer: Renderer) {
|
|
renderer.setElementStyle(elementRef, '-webkit-backdrop-filter', 'blur(10px)');
|
|
}
|
|
}
|