Да, вы можете создать что-то близкое, но с меньшей поддержкой браузера. Кусочки головоломки могут быть сохранены как фоновые изображения на <div/>
элементах, затем элементы div можно позиционировать так, чтобы они «подходили» как кусочки головоломки, но при этом можно перемещать, анимируя их свойства положения с помощью пользовательского jQuery $.animate({})
. Шум может воспроизводиться на :hover
с элементом <audio/>
в браузерах, которые его поддерживают, и эффект переворота может быть достигнут с помощью 3D-преобразования , как правило, путем добавления и удаления классов CSS, которые определяют webkit ключевые кадры анимации.
Вы должны серьезно подумать, однако, действительно ли эффект свиста действительно помогает людям находить контент на веб-сайте или мешает. Если вы хотите получить эффект и можете создать его таким образом, чтобы он ухудшался в браузерах, которые не поддерживают этот эффект или все эффекты, то у вас есть кросс-браузерное решение, которое не везде одинаково, но не не наказывать всех пользователей, требуя наличия плагина для браузера.