Nasıl oluşturulur: CSS oku

CSS ile ok oluşturma nasıl öğrenilir.

Sağ ok:

Sol ok:

Yukarı ok:

Aşağı ok:

Nasıl ok oluşturulur

İlk adım - HTML ekleyin：

<p>Right ok: <i class="ok sağ"></i></p>
<p>Left ok: <i class="ok sol"></i></p>
<p>Up ok: <i class="ok up"></i></p>
<p>Down ok: <i class="ok down"></i></p>

İkinci adım - CSS ekleyin：

.ok {
  sınır: katı siyah;
  sınır-yükseklik: 0 3px 3px 0;
  görünüm: yığma-bloklanmış;
  yığma: 3px;
}
.sağ {
  transform: döndür(-45derece);
  -webkit-transform: döndür(-45derece);
}
.sol {
  transform: döndür(135derece);
  -webkit-transform: döndür(135derece);
}
.up {
  transform: döndür(-135derece);
  -webkit-transform: döndür(-135derece);
}
.down {
  transform: döndür(45derece);
  -webkit-transform: rotate(45deg);
}

Try it yourself