Как сделать блоки кликабельными?

Question

[Alex Lescinschi]

Привет, уважаемые советчики.
Помогите пожалуйста сделать блок кликабельным, не ломая конструкцию.

Исходник тут: https://tympanus.net/Development/DistortionHoverEffect/

Спасибо!

Comments

[ⓒⓢⓢ]

красивые переходы, жаль только в edge не работают, а что значит сделать блок кликабельным?
upd. В edge тоже заработали :)

[Alex Lescinschi]

JRK_DV, чтоб пользователь, при нажатии на любую область блока (а не только на всплывающую ссылку как сейчас) мог перейти по ссылке. Блок должен стать ссылкой :)

[2cha.headz]

с jquery

$('.grid__item--bg').click(function(e){
    var url = $(this).find('.grid__item-link').attr('href'); 
    if(url)
        window.location.href = url;
})

Answer 1

[Denis Z]

внутри блока grid__item grid__item--bg
вставьте ссылку с абсолютным позиционированием растяните на весь блок и поставьте соответствующий z-index
(немного халтурно но вы не ломаете конструкцию)