D e c l a r a t i o

n s

A selection of CSS poem where taken out of different experiment and handwritten on the vitrine. They were chosen for their litterary, nearly story telling, characteristics, and accompanied of CSS comment.

/* How does metaphors are part of web and CSS language? 
In CSS some colors have names.
on everyside of the screen there is something else, 
where is the ground, the skies and the plant? */

body{
    background-color: skyblue;
    border-top: 15px solid midnightblue;
    border-left: 15px solid lawngreen;
    border-right: 15px solid orchid;
    border-bottom: 30px solid snow;
}

/* animating elements like a mechanical clock */
@keyframes hands {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.minute{
     animation: hands 3600s linear infinite; 
}
.second{
     animation: hands 60s steps(60) infinite; 
}

/* make everything invisible */
*{
    opacity: 0;
    transition: 1s opacity;
}
/* only show what has focus */
*:focus,
*:has(:focus){
    opcaity: 1;
}
/* on any webpage, you can press TAB 
to focus the next element.
we're telling a webpage one element at a time.*/

/* how can we blow on a webpage?
blowing is a verb so it need some javascript that goes with the CSS. 
body *  means every element in the body. */

body * {
      transform: rotate(${ Math.random() * wind - wind / 2 }deg);
      transition: transform 5000ms ease;
}