请问各位大佬，有个能通过纯css js 实现这种玩意儿吗（这两个立体的碑），如果可以的话想问一下思路？

Question

Answer 1

svg 或者 canvas 都可以做。如果只需要 碑 那可以考虑svg来画。找一个第三方库就很方便。

Answer 2

方法肯定是有，不过没有那么大的动力，谁也懒得写，基本思路就是把复杂图形拆解为多个简单图形，然后再拼合，比如拆成多个半圆再加几个矩形的组合。

具体可以参考一下这篇文章《仅用一个HTML标签，实现带动画的抖音LOGO》

Answer 3

UI切个png图你，何必自己敲的累死人的。页面上再css position定位调一下。估计两个配合5分钟就完事。

Answer 4

可以是可以，但是大可不必吧。

思路就是 SVG，如果要纯 CSS 就会很麻烦比如第一个碑，分解成半圆+长方+底部大小正方，再绘制出厚度，然后通过 transform rotate3D 旋转堆叠，阴影就要慢慢调了。