Ci sono molte cose che ci appaiono diverse da come sono in realtà. Cose che hanno un aspetto in realtà possono averne un altro.
Per chi osserva: non è importante conoscere il codice che sta dietro la pagina web, è importante che sia sorpreso dall'effetto che produce.
.quadrato {
position: relative;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background: #fae345;
cursor: pointer;
-webkit-transition: border-radius 1s;
transition: border-radius 1s;
}
.quadrato.cerchio {
border-radius: 50px;
text-align: center;
background: #fae345;
cursor: pointer;
-webkit-transition: border-radius 1s;
transition: border-radius 1s;
}
QUADRATO