feat(tema): sayfa geçişi kısa ve hafif (600 ms), logo dönüşümü geçiş bitince oynar; DESIGN §4.22 logo morph
- Sıra: önce sayfa geçişi biter, kısa nefes (80 ms), sonra logo güneşe/aya dönüşür; üst üste binmez. Geçiş iptal olsa da logo doğru biçime dönüşür. - View Transitions olmayan tarayıcıda da logo dönüşür. - DESIGN.md §4.22: logo biçim dönüşümü tasarım diline eklendi (biçim tablosu, koreografi, kurallar); §6 hareket ve §7 Yap/Yapma satırları. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -483,7 +483,8 @@
|
||||
değil: yarıçapın %55'ine kadar tam opak, oradan kenara doğru tüy gibi
|
||||
söner (--kt-tema-cekirdek; JS'teki CEKIRDEK ile aynı olmalı) — ışık
|
||||
yayılır gibi, sert çizgi yok. Yarıçap (--kt-tema-r) 0 → --kt-tema-son
|
||||
yumuşak kalkıp yumuşak durur. Merkez ve son yarıçap JS'ten gelir.
|
||||
yumuşak kalkıp yumuşak durur; kısa ve hafif (600 ms) — asıl gösteri,
|
||||
geçiş bitince oynayan logo dönüşümüdür. Merkez ve son yarıçap JS'ten gelir.
|
||||
Hareket azaltılmışsa JS geçişi hiç başlatmaz, tema düz değişir. */
|
||||
@property --kt-tema-r {
|
||||
syntax: "<length>";
|
||||
@@ -509,7 +510,7 @@
|
||||
#000 calc(var(--kt-tema-r) * var(--kt-tema-cekirdek)),
|
||||
transparent var(--kt-tema-r)
|
||||
);
|
||||
animation: kt-tema-halka 1100ms cubic-bezier(0.45, 0, 0.2, 1) both;
|
||||
animation: kt-tema-halka 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
|
||||
}
|
||||
@keyframes kt-tema-halka {
|
||||
from {
|
||||
|
||||
Reference in New Issue
Block a user