CSS İpuçları

 (markodenic.com)
21 puan yazan xguru 2021-04-28 | 2 yorum | WhatsApp'ta paylaş

Diğer eğitimlerde pek görmediğiniz ipuçlarının derlemesi

  • Yazı yazma (yanıp sönen imleç) efekti

  • Drop-Shadow(); filtresi

  • scroll-behavior: smooth; yumuşak kaydırma

  • Ortalamak

  • Görsel/emoji imleci

  • Metni kısaltma

  • -webkit-line-clamp : metni belirli bir satır sayısında kesme

  • ::selection

  • resize:both; her şeyi yeniden boyutlandırılabilir hale getirme

  • :target ile Modal oluşturma

  • calc()

  • :empty seçicisi

  • Özel kaydırma çubuğu

  • position: sticky;

  • CSS scroll snap

  • attr() kullanarak dinamik tooltip

  • caret-color ile imleç rengini değiştirme

  • ::in-range , ::out-of-range

  • background-clip ile etkileyici arka planlı başlık yazıları oluşturma

İlgili okumalar

2 yorum

 
alstjr7375 2021-04-30

Yazma efekti olduğunu bilmiyordum, kullanışlıymış.
 
xguru 2021-04-28

Bu aralar center hizalama yazılarda 3 satır diye geçiyor ama.. görünüşe göre böyle 2 satırla da yapılıyormuş.

.center {

display: grid;

place-items: center;

}