css实现一个转动的风车

风车有4个叶片，都是三角形，需要创造4个三角形。

如：

border: 50px solid #f73833;
border-left: 50px solid transparent;
border-bottom: 50px solid transparent;  

旋转动画效果：

@keyframes rotate {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }

具体请看 demo 效果及源代码。