Повторяющиеся, вращающиеся фоновые изображения при наведении курсора мыши ⇐ CSS

[Anonymous]

Я хотел бы создать слегка анимированный фоновый узор. Идея: маленькие крестики, которые вращаются при наведении курсора мыши. Каждый повторяющийся крестик должен вращаться при наведении курсора мыши и поворачиваться обратно при наведении курсора мыши.

Я попробовал следующее решение. Однако вращается весь фон, а не отдельные элементы.
.el-раздел { фоновое изображение: URL("/Untitled-2.svg"); размер фона: 50 пикселей 50 пикселей; фоновый повтор: повтор; } .el-раздел:hover { курсор: по умолчанию; преобразование: поворот (360 градусов); переход: все 0,3 с, плавность входа-выхода 0 с; }