css柳叶飞刀是一个常用的css技巧，它可以让一个div或其他元素呈现出类似柳叶飞舞的效果。下面是一个css柳叶飞刀的例子：

.your-element {
position: relative;
overflow: hidden;
transform-origin: bottom center;
perspective: 500px;
}
.your-element:before {
content: "";
position: absolute;
top: 100%;
left: -70%;
width: 150%;
height: 150%;
background: #fff;
transform: rotate(-45deg);
transform-origin: top center;
animation: fly-knife 1.5s linear infinite;
}
@keyframes fly-knife {
0% {
transform: rotate(-45deg) translateY(-50%);
}
100% {
transform: rotate(-45deg) translateY(200%);
}
}

在上面的代码中，.your-element代表你要应用柳叶飞刀效果的元素。在这个元素内部，我们用:before伪元素来创建一个旋转的矩形。注意，这个元素需要有position:relative的属性，这样:before伪元素的position:absolute属性才能按照.your-element的位置进行绝对定位。overflow:hidden属性可以隐藏在父容器之外的部分，从而达到柳叶飞舞的效果。

其中的关键在于动画的代码：使用了CSS3新增加的animation属性，通过rotate，translateY等属性可以实现柳叶飞刀旋转的效果。把animation定义在:before伪元素上，就会让柳叶飞刀旋转起来。

这是一个非常基础的css柳叶飞刀实现过程，你可以根据自己的需求进行修改。比如可以调节旋转速度、方向等等。