用css3模仿红绿灯

以下是用css3模仿红绿灯，首先创建HTIML然后创建议个3 div 给每个div设计宽高 color ID,每一div color为黑色 然后用css3里面的animation 和@keyframes来实现其中一灯亮起另外两个灯为黑色这样子就可以实现一个红绿灯的效果。
以下为效果图和代码 请多多指教。