Korkutucu CSS Şablonları

Korku Temalı Stil Oluşturmak İçin Özelleştirilebilir Korkunç CSS Şablonları

Korku, bir başlığın kenarlarının nasıl yırtıldığı, bir kartın karanlığa nasıl battığı veya bir düğmenin imlece tepki vermesinden önceki yarım saniye gibi küçük görsel kararlarda gizlidir. Korkunç CSS şablonları, bu kararları tek bir yeniden kullanılabilir kural kümesinde tutar, böylece bir kampanya, birinin gelecek Ekim ayında çözmesi gereken bir yığın tek seferlik geçersiz kılmaya dönüşmez.

Yeniden Kullanılabilir Sınıflar Görsel Dili Şekillendirir

İşlevsel bir korku seti, aklınızda tutabileceğiniz kadar küçük kalır ve genellikle beş veya altı adlandırılmış sınıf tüm bir kampanyayı taşır:

• .fog-overlay, karanlık sanat eserinin üzerinde yavaşça kayan bir sözde öğe gradyanı;

• .glitch-title, anahtar karelerle yönlendirilen iki ofset kopyaya sahip bir başlık;

• .flicker-text, arızalı bir ampul gibi zamanlanmış bir opaklık animasyonu;

• .distressed-card, yırtık maske kenarı ve yoğun iç gölgeye sahip bir tanıtım bloğu.

Adlandırılmış kurallar iyi işliyor. Aynı yıpranmış kart, oda açıklaması, oyuncu kadrosu üyesi ve ürün öğesi olarak hizmet veriyor ve renkleri, aralıkları ve yazı tipi boyutları küçük bir değişken kümesi kullanılarak değiştirilebiliyor.

Titreme, Sis, Arıza: Saklanmaya Değer Efektler

Kısıtlama, atmosferi baş ağrısından ayırır. Ekran başına iki veya üç animasyonlu bileşen yeterlidir ve bunun ötesinde göz hiçbir şeyi algılamayı bırakır, bu nedenle fark edilmesini istediğiniz unsur sessizce etkisini kaybeder.

Dönüşümler ve opaklık ucuz araçlardır, çünkü üzerlerindeki geçişler eski telefonlarda bile pürüzsüz kalırken, animasyonlu gölgeler ve filtreler çok daha pahalıdır. Gradyanlar ve maskeler, tek bir ekstra resim olmadan sis, nemli taş ve yırtık kağıt oluşturur. Anahtar kareler, ne yaptıklarını söyleyen isimleri hak ediyor, çünkü titreme ve kayma bir yıl sonra bile hala anlamlıyken anim2 asla anlamlı olmuyor. Hareket azaltma tercihlerine de saygı gösterilmelidir, çünkü sisteminin sakinleşmesini isteyen bir ziyaretçi yine de titreme olmadan karanlık modu alabilmelidir.

Dar Genişliklerde Duyarlı Kurallar

Dar ekranlar öncelikle dekorasyonu cezalandırır. Üç sütunlu tanıtım kartları tek sütuna daralır, geniş aralıklar kaybolur ve monitörde oyulmuş gibi görünen yırtık bir başlık gürültüye dönüşür. Efektler sütunlarla birlikte küçülmelidir, bu genellikle daha az hareketli parça, daha küçük yazı tipi ölçeği ve setin en koyu arka planına karşı kontrol edilen kontrast anlamına gelir.

Nicepage, bunun çoğunu görsel kontrollerle ele alır ve hedefli kurallar, standart özelliklerin ele alamadığı şeyleri halleder. Özel CSS kılavuzu, sınıfların ve özel kuralların öğe, sayfa veya site düzeyinde nasıl uygulanacağını açıklar.

Yeni bir bileşen yeni bir istisna olmadan katılabiliyorsa, bir korku seti saklanmaya değerdir. Onu bir bilet bloğuna bırakın, mevcut kart ve düğme sınıflarını verin ve karanlık ortama aitmiş gibi görünecektir.