D e c l a r a t i o

n s

This fabulations tries to reverse what is display and not displayed on a webpage. It hides all the text, images, everything that is inside the structure, and reveal the structure itself. It only consist of a few lines of CSS and make a powerful use of the * selector together with border-style: inset;, to reveal the structure and its meaning as something sensisible, nearly tactile. thumbnail made with the structure fabulation on twitter/x.

html, body{
    background: whitesmoke !important;
    color-scheme: light !important;
}
body, body *, body *::after, body *::before{
    color: transparent !important;
    border: 3px inset lightgrey !important;
    box-sizing: border-box !important;

    background-image: none !important;
    mask-image: none !important;
}
img, video,svg, canvas{
    opacity: 0.5 !important;
    filter: invert() contrast(999) blur(6px) grayscale() !important;
    mix-blend-mode: difference;
}
*::placeholder{
    color: transparent !important;
}