In a tutorial [Bramus] takes us through using the trigonometric functions in CSS. These are supported in all major browsers since Chrome 111, Firefox 108 and Safari 15.4.

Using CSS image replacement in a responsible way, where the image truthfully represents the content it's replacing, is safe to use.