HTML and CSS Reference
In-Depth Information
Abbildung 4.42 Die CSS-Transform Eigenschaften »skew«, »scale«, »rotate« und »trans-
late« im Überblick
Sie möchten eine Art Karte mit Vorder- und Rückseite darstellen, die sich bei Berüh-
rung umdreht. Kein Problem mit der Kombination von -webkit-transform und -web-
kit-transition . Für die Vorbereitung benötigen Sie folgenden HTML-Code:
<div class="karte ">
<div class="vorderseite">
<p>Dies ist die Vorderseite Ihrer Karte</p>
</div>
<div class="rueckseite">
<p>Dies ist die Rückseite Ihrer Karte</p>
</div>
</div>
Listing 4.16 Die Vorderseite der Karte
Der dazugehörige CSS-Code:
.karte {
width:320px;
height:480px;
position: absolute;
}
.vorderseite {
width:100%;
height:480px;
background-color:#ff0000;
position: absolute;
}
Search WWH ::




Custom Search