从正确的动画中关闭画布导航背景颜色悬停幻灯片

Question

我正在尝试创建一种悬停效果，其中背景色从特定列表项的右侧滑入。这是我如何设置脱机导航样式的代码。我需要的是＃A8D8D4背景颜色从画布的右侧滑入。

#off-canvas-container li {
  padding: 15px 15px;
  border-right: 10px solid #A8D8D4;
  margin-top: .5rem;
  text-align: right;
}


#off-canvas-container a:link, #off-canvas-container a:visited {
  color: #6D54DF;
  font-size: 1rem;
  font-weight: 700;
}

#off-canvas-container a:hover, #off-canvas-container a:active {
  color: #FFF;
}

#off-canvas-container li:hover, #off-canvas-container li:active{
background-color: #A8D8D4;
}