css 滑出式导航抽屉

Posted 2021-05-13

#nav {
  position: fixed;
  top: 0;
  height: 100%;
  width: 80%;
  max-width: 400px;
}

#nav:not(:target) {
  right: -100%;
  transition: right 1.5s;
}

#nav:target {
  right: 0;
  transition: right 1s;
}