CSS3镜头光晕

Question

我正在使用CodePen试图像数百万块大片一样制作电影CSS3镜头。我试图通过box-shadow来完成，但我无法用所需的形状制作它们，这是完全错误的。我根本不能使用canvas或JS，所以重点是只用css，如果可能的话。我想得到的结果是这样的：

http://codepen.io/byob/pen/azzbjB这就是那支笔

@-webkit-keyframes blink {
  0% { box-shadow: none; }
  100% {
    box-shadow: inset 10px 0px 50px 0px rgba(255, 0, 0, 0.5),
                inset -10px 0px 50px 0px rgba(255, 0, 0, 0.5),
                1px 1px 500px 30px rgba(255, 0, 0, 0.5),
                50px 0px 0px 0px rgba(255, 0, 0, 0.5),
                -20px 0px 0px 0px rgba(255, 0, 0, 0.5);
  }
}

我想做的那个，是更复杂的，所以，我想我需要帮助，或者这是不可能的事实。