Prompt the code to implement this functionality:
1) There is a gallery of three blocks (images and descriptions below them);
2) How to make it so that when you click on a block, the background of the block blurs;
3) And a pop-up window appeared with the possibility of ordering.

The implementation fits both jQuery and pure CSS (if possible), thanks in advance.

  • 2
    hint: blur filter css . By clicking on the block you need, open the pop-up and add this property to the block that needs to be blurred - lexxl
  • You can still question, and how much cross-browser solution? "by clicking on the desired block, open the pop-up and add this property to the block that needs to be blurred" - What is it like? did not quite understand - SvArt713
  • how you will open a pop-up depends cross-browser compatibility. via css, using div:target , via js or jquery, using the click event - lexxl
  • thanks for the help - SvArt713
  • example jsfiddle.net/soledar10/fy8jn7x8 - soledar10

0