Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Link to a pure CSS modal already 'poppedup' Reply To: Link to a pure CSS modal already 'poppedup'

#240355
Atelierbram
Participant

@beverleyh tested it and it works : thanks for that!


@j7f4f2a4fds2
in order to test is you have to make an account on CodePen and view it in “debug” mode with the #modal1 attached to the url, or just see the one by Beverleyh

This also will work with the jquery hashchange plugin, but if you going for light-weight, this may be overkill, but anyway here is a demo.

.modal:checked+.modal,
.modal:target {
  opacity: 1;
  pointer-events: all
}