Rrotullimi i elementit në faqe të uebit:
Këtu tregohet mundësia e rrotullimit të figurës me minus 4 gradë (majtas):
HTML
<div class="sfondi">
<div class="mbajtesi-me-imazh">
<figure>
<img src="imazhet/deti.jpg" alt="Deti">
<figcaption>Deti</figcaption>
</figure>
</div>
</div>
CSS
.sfondi {
background-image:url("sfondi.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
height: 100%;
padding: 6rem 1rem 2rem 1rem;
}
.mbajtesi-me-imazh {
margin: 0 auto;
max-width: 340px;
0px 3px 8px;
text-align: center;
padding: 1em;
border-radius: 4px;
transform: rotate(-4deg);
}
figcaption {
padding-top: 10px;
text-align: center;
font-size: smaller;
}
Anatomia e faqes HTML
Ankorimi
Audio
Çka është gjuha HTML
Çka janë stilet CSS
Figura
Formatimi i tekstit
Fusha e formularit me datë
Fusha e formularit me kohë
Fusha e formularit pa efektin e shkëlqimit
Klasa dhe identifikimi në CSS
Kokëzimi
Last Child dhe Not Last Child
Lista me të dhëna
Ndarësi i temës
Nëntituj për audio ose video
Paragrafi
Përmbajtja e grupuar
Projektim i kalendarit
Projektim i fushës së formularit me zonë të tekstit
Rrotullimi
Stilet e lidhura
Stilet e ngulitura
Stilet rendore
Shtresa mbi tjetrën
Vërtetimi i fushës së formularit
Video