In CSS there is rarely an only way.
The clipping path is one option.
The link I posted uses a simple rotation transform, but the get the skew effect with the angled sides, you could use a 3D transform with the same method.
Is the precise angle critical?