Cheeseburger div by @lola.harrel - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<iframe>Crea un frame all'interno di una pagina HTML.
heightDetermina l'altezza di un elemento HTML in pixel
valueValore alfanumerico o booleano contenuto in un elemento
_selfApre collegamenti ipertestuali nella stessa pagina del browser
<textarea>Area di testo libero espandibile per form HTML
_blankApre i collegamenti ipertestuali in una nuova scheda del browser

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

JS Oggetti ed eventi es2

Formattazione_testo.html.

Prep. Esame pt.4

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html>

  <head>

  </head>

  <body>
  <div id= "Bun">Bun</div>
  <div id= "Cheese">Cheese</div>
  <div id= "Patty">Patty</div>
  <div id= "Bottom">Bottom</div>

  </body>

</html>

#Bun{background-image: linear-gradient(brown, rgb(237, 208, 121),brown);
color: transparent;
height: 150px;
width: 150px;
border-radius: 35px 0px 0px;
box-shadow: 9px 7px 25px grey;
position: relative;
top: 50px;
left: 100px;
}

#Cheese{background-image: linear-gradient(yellow, rgb(202, 130, 57));
color: transparent;
height: 150px;
width: 150px;
box-shadow: 9px 7px 25px grey;
position: absolute;
top: 58px;
left: 270px;
}

#patty{background-image:  
linear-gradient(rgb(76, 50, 19), pink, rgb(76, 50, 19));
color: transparent;
height: 150px;
width: 150px;
box-shadow: 9px 7px 25px grey;
position: relative;
top: 59px;
left: 100px;
}

#Bottom{background-image: linear-gradient(brown, rgb(237, 208, 121), brown);
color: transparent;
height: 150px;
width: 150px;
border-radius: 0px 0px 35px 0px ;
box-shadow: 9px 7px 25px grey;
position: absolute;
top: 217px;
left: 270px;
}

  @media (max-width: 600px){
#Bun{background-image: linear-gradient(brown, rgb(237, 208, 121),brown);
color: transparent;
height: 150px;
width: 150px;
border-radius: 35px 0px 0px;
box-shadow: 9px 7px 25px grey;
position: relative;
top: 50px;
left: 100px;
}

#Cheese{background-image: linear-gradient(yellow, rgb(202, 130, 57));
color: transparent;
height: 150px;
width: 150px;
box-shadow: 9px 7px 25px grey;
position: absolute;
top: 58px;
left: 270px;
}

#patty{background-image:  
linear-gradient(rgb(76, 50, 19), pink, rgb(76, 50, 19));
color: transparent;
height: 150px;
width: 150px;
box-shadow: 9px 7px 25px grey;
position: relative;
top: 59px;
left: 100px;
}

#Bottom{background-image: linear-gradient(brown, rgb(237, 208, 121), brown);
color: transparent;
height: 150px;
width: 150px;
border-radius: 0px 0px 35px 0px ;
box-shadow: 9px 7px 25px grey;
position: absolute;
top: 217px;
left: 270px;
}
 

}