CSS Suçları İşlemek

görüntü

CSS-Tricks zamanı bitti. Şimdi CSS Suçları zamanı!

İçerik hizmeti sağlayıcılarının bu mevcut ortamında, kullanıcılar genellikle kendilerini metin, bağlantı ve resimlerle ifade etmekle sınırlıdır. Temizleme kuralları HTML, JavaScript ve çeşitli özellikleri çıkarma eğilimindedir.

Sosyal medya hizmeti ev sahibi kullanıcıların işaretleme ve satır içi stiller konusunda normalde alıştığımızdan daha fazla özgürlüğe sahip olmalarını sağlar. Bazı kullanıcılar CSS Suçları işlemek için bu özgürlükten yararlandı! Özellikleri alışılmadık şekillerde kullanarak tanıdık arayüzlerin ve etkileşimli oyunların yaratıcı yeniden yaratılmasıyla sonuçlandı.

Blackle Mori bir mekanizma yarattı bir kolu çekmek, bir dizi dişliyi, kasnağı ve zinciri yavaşça döndürür. Sonunda sitenin maskotunu (“yumurta böceği”) ve “İyi İş!” bildirisini ortaya çıkarmak için bir açıklık açılır. Buna Geliştirici Araçları'nda baktım ve bu harika bir kombinasyon. grid, resize, transform, ve calc(). sonunda ekledim border tüm <div>Her bir elemanın nasıl hareket ettiğini daha iyi anlamaya çalışmak.

Geçmişte HTML, JavaScript ve CSS'nin tam araç setini kullanmamın kısıtlandığı durumlar oldu. Dekoratif kullanmanın birçok örneği olmuştur. CSS şekilleri Görüntüleri dolaşmak için. kullandım :hover için bir geçici çözüm olarak mouseenter ve mouseleave. kullandım input:checked kardeş seçici olarak geçiş için.

CSS Suçları muhtemelen düzenli olarak kullanmak isteyeceğiniz bir şey olmasa da, yaratıcı çözümleri teşvik edebilecek kısıtlamalar dahilinde deneyleri kucaklamalıyız.


Doğrudan Bağlantı →

Zaman Damgası:

Den fazla CSS Püf Noktaları