svg实现简单沙漏旋转

svg实现简单沙漏

先画一个简单的沙漏

例如：

svg代码：

.timerWrap {
position: relative;
animation: timerRotate 1s infinite ease;
width: 120px;
height: 160px;
margin: auto;
top: 40px;
}

@keyframes timerRotate {
0% {
transform: rotateZ(0deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(-180deg);
}
}

完整代码

效果图：