Is this CSS show-hide trick possible

Hey guys,

I'm experimenting on pure CSS show-hide event, the code below works fine so far (I picked from the internet XD):

<!DOCTYPE html>
<html><head>
    <meta charset="UTF-8">
    <title>CSS ShowHide</title>
    <style>
        .box { display: none; }
        .span:focus ~ .box { display: block; }

        .box {
            position: absolute;
            z-index: 100;
            border: 1px solid #111;
            padding: 5px;
            top: 0;
            right: 0;...
Code (markup):
Is this CSS show-hide trick possible

from HTML & Website Design http://ift.tt/1pEC46I
via IFTTT
Previous
Next Post »
Thanks for your comment