<video autoplay muted></video><video muted></video>video.play().then( => console.log('started')).catch(err => console.log(err));<div class="overlay">
<div class="your-dialog"></div>
</div>.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.your-dialog {
z-index: 2;
}@Injectable()
export class DataService {
private userIdSubject = new Subject<number>();
$userId = this.userIdSubject.asObservable();
setUserId(id: number) {
this.userIdSubject.next(id);
}
}this.dataSvc.setUserId(id);this.dataSvc.$userId.subscribe((id: number) => console.log('has changes!', id));state('hidden', style({height: '0px'})),
state('visible', style({height: '*'})),
transition('* => *', animate('255ms ease')) подключить JQuery плагины в Angular 2
Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файлзачем Вам ангуляр?
JavaScript
Gulp && WebPack
Angular || Vue.js || React.js
Node.js
@-webkit-keyframes autofill {
to {
color: #fff;
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}var autofill;
passInput.addEventListener('animationstart', (e) => {
autofill = e.animationName === 'autofill'; // 'autofill' - имя css анимации, которую мы задавали
});