Search Hashnode

Search posts, tags, users, and pages

Comment by Gerardo Cardenas on "CSS Tips you won't see in most tutorials" | Hashnode

Gerardo Cardenas

Dec 15, 2020

I don´t understand CSS modals. The example is not intuitive and I don´t see the code to make it. Info is missing. Another point: It will be useful to start writing a list of each subtopic (the ones with *) - best regards.

Some Guy

Dec 15, 2020

Hey, I went and found :target explained on Mozilla and it makes a lot more sense now:

You can use the :target pseudo-class to create a lightbox without using any JavaScript. This technique relies on the ability of anchor links to point to elements that are initially hidden on the page. Once targeted, the CSS changes their display so that they are shown.

Check out the Pure CSS Lighbox here: developer.mozilla.org/en-US/docs/Web/CSS/:target

Hey Gerardo!

It's a popup, I don't know how to make it more intuitive then it Is now.

You can see the code (both HTML and LESS) if you click on the (HTML and LESS) buttons here:

Marko Denic

Software Engineer.

Dec 15, 2020

Some Guy

Dec 15, 2020

It's pretty awesome, Marko Denic! I'm loving all your tips posts! Wish I saw something like your 10 Javascript Methods post a long time ago.

Marko Denic

Software Engineer.

Dec 15, 2020

Thanks a lot! ❤

Gerardo Cardenas

Dec 16, 2020

Thanks for your explanations. Now I understand it. Marko Denic