Renk Seçici & Palet Üretici
HEX, RGB, HSL formatlarında renk seçin, uyumlu renk tonları ve gradyan paletleri oluşturun.
CSS Animasyon ve Keyframes Oluşturucu
Bounce, pulse, shake, spin ve flip gibi popüler CSS @keyframes animasyonlarını görsel olarak tasarlayın.
Animasyon Özellikleri
Süre (Duration)1s
Gecikme (Delay)0s
CSS anahtar kareleri ve animasyon
@keyframes customBounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.animated-element {
animation: customBounce 1s ease-in-out 0s infinite normal;
}CSS Animasyon ve Keyframes Oluşturucu Nasıl Kullanılır?
Efekt Seçin
Bounce, pulse, shake veya spin şablonlarından birini seçin.
Süre ve Eğriyi Ayarlayın
Süre, gecikme ve timing function değerlerini değiştirin.
CSS Kodunu Kopyalayın
Oluşturulan @keyframes ve class kodunu alın.
Faydalı İpuçları
- •Hareketi azaltmayı seçen kullanıcılar için prefers-reduced-motion kuralı ekleyin. Sürekli animasyon yerine gerektiğinde duran bir alternatif sunun.
Benzer Tasarım & Görsel
Görselden Renk Bulucu (Eyedropper)
Fotoğraflarınızı yükleyin, herhangi bir piksele tıklayarak tam HEX ve RGB renk kodlarını alın.
Özelleştirilebilir QR Kod Oluşturucu
URL, Wi-Fi, metin veya vCard için yüksek çözünürlüklü SVG ve PNG formatında QR kodlar üretin.
Favicon & Uygulama İkonu Oluşturucu
Logonuzdan 16x16, 32x32, 180x180 Apple Touch ve Android PWA ikonlarını tek tıkla üretin.
Kullanıcı Yorumları & Değerlendirmeler
Deneyiminizi anonim olarak paylaşın. Yorumlar yapay zeka ile denetlenir.
Yayınlanan Yorumlar (0)