Tıklanınca / basılı tutunca değişen görsel nasıl çalışır
Video veya APNG değil. Tek şeffaf PNG, açık zaman akışında A, koyu lightbox’ta B gibi görünür.
1. Arayüz zemin farkı
Açık temalarda genelde:
- Zaman akışı: parlak / beyaza yakın zemin
- Genişletilmiş görsel: koyu / siyaha yakın zemin
Yarı şeffaf pikseller zemini geçirir—beyaz bazı çizgileri gizler, siyah ortaya çıkarır.
“Basılı tut” metni etkileşim çağrısıdır; asıl anahtar zemin rengidir.
2. Formül (alfa tersi)
Görünen ≈ piksel × α + zemin × (1 − α).
display = pixel × α + background × (1 − α)
W beyaz görünüm, B siyah görünüm: α = clamp(1 − W + B), C = B / α.
α = clamp(1 − W + B) C = B / α
HoldReveal A/B’den piksel piksel α ve rengi çözer.
3. Neden PNG-8
Büyük RGBA X’te yeniden sıkışabilir. PNG-8 şeffaflığı daha iyi koruyabilir.
4. Diğer trendler değil
- HoldReveal: şeffaflık + beyaz/siyah UI
- 4K basılı tut / Tap the Post ızgara: farklı
5. İpuçları
- A/B kompozisyonunu eşleştirin
- Değişim bölgesinde yüksek kontrast
- PNG’yi masaüstü x.com’dan yükleyin
- Karanlık tema TL’ye dikkat
6. HoldReveal adımları
- A yükle (beyaz görünüm)
- B yükle (siyah görünüm)
- Beyaz/siyah önizle; gücü ayarla
- PNG indir → X Web paylaş