Angular 执行 css3 简单的动画

<div class="content">内容区域<button (click)="showAside()">弹出侧边栏button><button (click)="hideAside()">隐藏侧边栏button>div><aside id="aside">这是一个侧边栏
aside>

import { Component, OnInit } from '@angular/core';@Component({selector: 'app-transition',templateUrl: './transition.component.html',styleUrls: ['./transition.component.scss']
})
export class TransitionComponent implements OnInit {constructor() { }ngOnInit() {}showAside(){//原生js获取dom节点var asideDom:any=document.getElementById('aside');asideDom.style.transform="translate(0,0)";}hideAside(){//原生js获取dom节点var asideDom:any=document.getElementById('aside');asideDom.style.transform="translate(100%,0)";}}

效果：

转载于:https://www.cnblogs.com/loaderman/p/10898524.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！