CSS ile Renkli ve Altı Çizili Linkler Nasıl Oluşturulur?

Blogunuzun okunabilirliğinde linklerin büyük bir önemi vardır . Okuyucuların dikkatini çekmeli, içeriğin özünü yansıtmalı ve blogunuzun profesyonelliğini vurgulamalıdır. Bu blog yazısında, CSS kullanarak etkileyici ve profesyonel linkler tasarlamaya yönelik ipuçlarını ve teknikleri inceleyeceğiz.
a{text-decoration:underline;
text-decoration-color:#d86454;
text-decoration-skip-ink:none;
text-decoration-thickness:.4rem;
text-underline-offset:-.15rem;
transition:text-decoration .3s;}

Örnek:

İsmail Şevik

Kodların Açıklaması:

text-decoration:underline;  :Bu satır stili ifade eder.

text-decoration-color:#d86454;  :Bu satır alt çizginin rengini belirler.

text-decoration-skip-ink:none;  :Bu satır alta uzanan harflerin üzerine cizgi çekmenizi sağlar.

text-decoration-trickness:.4rem;  :Bu satır çizginin boyutunu belirler.

text-underline-offset:-.15rem;  :Bu satır metne olan uzaklığı ayarlar.

transition:text-decoration .3s;  :Bu satır bu tasarım kaç saniye içinde olacağını belirler.

Yorum Gönder