opups and dropdowns only by CSS

ropdowns

Here are simple dropdowns, made using radiobuttons: First link Second link Third link Fourth link and . Bang! Kabang!

opups

Here is a popup:: click me! It use the hash in the address and the :target pseudo-class.

Here is some dope popup's content, ok.

Well, and a little more of it.

And here is Another popup, just for an example, also it have one nested drowdown and a link to the first popup..

So, you can call another popup from here, though this one would close, 'cause the :target used instead of :checked: Wooosh! or you can call right here Go back to the homepage Or follow me on mastodon!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Let me know what you think about this article on Mastodon!

Published on with tags: #Experiment #CSS