Ini ialah tajuk teks tetikus CSS3 yang unik dan kreatif yang menukar kod kandungan yang sepadan Kesan penukaran interaktif adalah sangat baik, dan terdapat kesan khas animasi, yang boleh digunakan untuk paparan Soal Jawab.
</head>

<badan>

<div class="demo">
<div class="demo__content">
<h2 class="demo__heading">Apakah jenis reka letak halaman yang anda suka? </h2>
<div class="demo__elems">
<div class="demo__elem demo__elem-1">Susun atur berbilang teks mudah</div>
<div class="demo__elem demo__elem-2">Satu lajur grafik bercampur dan reka letak teks</div>
<div class="demo__elem demo__elem-3">Dua lajur grafik dan reka letak teks</div>
<span class="demo__hover demo__hover-1"></span>
<span class="demo__hover demo__hover-2"></span>
<span class="demo__hover demo__hover-3"></span>
<div class="demo__highlighter">
???????? <div class="demo__elems">
?????????? <div class="demo__elem">Susun atur berbilang teks mudah</div>
& Lt; kelas div = "demo__Elem" & gt; ??????????? <div class="demo__elem">Dua lajur grafik bercampur dan reka letak teks</div>
? ? ? ? ? ? </div>
</div>
<div class="demo__examples">
??????? <div class="demo__examples-nb">
? ? ? ? ? ? <div class="nb-inner">
? ?? ? <div class="contoh contoh-adv">
???????????????????????????? <div class="example-adv">
???????????????????????????????? <div class="example-adv__top">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ? ? ? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ???????????????????? <div class="example-adv__line"></div>
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????;
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="example example-web">
? ? ? ? ? ? ? <div class="example-web__top"></div>
? ? ? ? ? ? ? <div class="example-web__left"></div>
? ? ? ? ? ? ? <div class="example-web__right">
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? ? <div class="example-web__right-line"></div>
? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>