Uzun süredir Internet Explorer(IE) sorunuyla alakalı yazı yazmıyordum. Çünkü bizim projede IE desteğini sonlandırdık. Bir yerde uygularken denk geldim iki kolonlu menü kullanımı vardı. column-count özelliği yardımıyla kolayca yapayım dedim.

İstekte bulunan arkadaş IE 11 desteğini de sağlayalım deyince IE 11’de test ettim bir de ne göreyim IE 11 iki kolona bölerken birinci kolondaki son öge içindeki içeriği yandaki kolono taşımış!

codepen.io’nun ie desteği yokmuş :) http://jsbin.com/yuridejofo/1/embed?html,css,output buradan bakabilirsiniz.

Çözümü basit li elemanına overflow:hidden tanımlamak yeterli oluyor.

ul li {
    overflow: hidden;
}

Kalın sağlıcakla.

Kaynak

CSS ile yükleniyor animasyonu yapmak

CSS ile yükleniyor animasyonu yapmak Devamını oku

CSS scroll-snap

20 November 2023 tarihinde yayınlandı.

CSS ile buzlu cam efekti yapmak

13 November 2023 tarihinde yayınlandı.