Pagus Logo
Görsel, Tasarım & QR Araçları 2 kez kullanıldı

CSS Keyframes ve Cubic-Bezier Hız Eğrisi Üretici

Geçiş animasyonlarını ve cubic-bezier hız eğrisi parametrelerini canlı kutu önizlemesiyle tasarlayıp hazır @keyframes CSS kodunu üretir.

cubic-bezier(0.4, 0, 0.2, 1)
PAGUS
Canlı CSS3 @keyframes Önizleme
Üretilen CSS Kodu

            

        

    


    

    
    

        

            
            
        

        
    





                                    


                
                

                    

                        
                            
                        
                    

                    

                        
                            
                            Bilgilendirme ve Güvenlik:
                        
                        Bu araçta yapılan işlemler tamamen tarayıcınızda (yerel olarak) gerçekleşir ve sunucularımıza kaydedilmez. Sonuçlar bilgilendirme amaçlı olup resmi işlem veya danışmanlık yerine geçmez. Detaylar için Kullanım Şartları sayfamızı inceleyebilirsiniz.
                    

                


                
                            


            
                        

                

                    
CSS3 Keyframes Animasyonları ve Zamanlama Fonksiyonları


Kullanıcı deneyimini (UX) zenginleştiren modern web arayüzlerinde buton hover efektleri, açılır pencereler (modal) ve sayfa geçişleri için CSS3 animasyonları kullanılır. Standart "ease-in-out" geçişleri yerine özel cubic-bezier(x1, y1, x2, y2) eğrileri kullanmak tasarıma akıcı, doğal ve profesyonel bir dinamizm kazandırır.


Desteklenen Hazır Animasyon Kalıpları


    

  • Fade & Pulse: Zarif opaklık geçişleri ve dikkat çekici kalp atışı nabız animasyonları.
    • 

  • Bounce & Shake: Yaylanma (elastik sekme) ve hata bildirimlerinde kullanılan sarsıntı efektleri.
    • 

  • Slide & Flip: Menü açılışlarında kullanılan kayma ve 3D kart döndürme hareketleri.
    • 

  • İnteraktif Cubic-Bezier Eğrisi: Kontrol noktalarını sürükleyerek hızlanma ve yavaşlama grafiğini canlı simülatör kutusunda anında test etme.
    • 

                


                
                            

            
            
                        

                

                    

                        
                            
                        
                    

                    

                        

                            Sıkça Sorulan Sorular
                        

                        
CSS Keyframes ve Cubic-Bezier Hız Eğrisi Üretici hakkında merak edilenler

                    

                


                

                                                                    

                            
                            

                                Bu CSS varsayılan \"ease\" geçişinin matematiksel eğrisidir. İlk iki parametre başlangıç kontrol noktasını (P1), son iki parametre ise bitiş kontrol noktasını (P2) temsil eder.                            

                        

                                                                    

                            
                            
                        

                                                                    

                            
                            
                        

                                                                    

                            
                            
                        

                                    

            

            
            
                        

                

                    

                        Benzer Görsel, Tasarım & QR Araçları                    

                    
                        Tümünü Gör →
                    
                


                

                                            
                            

                                

                                    Toplu Görsel Format Dönüştürücü ve Sıkıştırıcı                                

                                

                                    Fotoğraflarınızı sunucuya yüklemeden doğrudan tarayıcınızda JPG, PNG ve SEO dostu WebP formatlarına dönüştürün, kalite kaybı olmadan boyutlarını küçültün.                                

                            

                            
                                Araca Git →
                            
                        
                                            
                            

                                

                                    Vektörel QR Kod ve Barkod Üretici                                

                                

                                    Web sitesi linki, Wi-Fi bağlantısı, vCard kartvizit veya ürün kodları için yüksek çözünürlüklü PNG ve vektörel SVG QR Kod ile Barkod oluşturun.                                

                            

                            
                                Araca Git →
                            
                        
                                            
                            

                                

                                    Görsel Kırpma ve Boyutlandırma (Image Resizer)                                

                                

                                    Tarayıcı üzerinde fotoğraflarınızı sosyal medya standart ölçülerine veya özel piksel boyutlarına göre kırpın, boyutlandırın ve indirin.                                

                            

                            
                                Araca Git →
                            
                        
                                            
                            

                                

                                    Fotoğrafı PDF'e Dönüştürücü (JPG/PNG to PDF)                                

                                

                                    Yüklenen bir veya birden fazla görseli (JPG, PNG, WebP) sunucuya kaydetmeden doğrudan tarayıcıda (yerel PDF binary/Canvas üretimiyle) A4/Letter boyutunda, dikey/yatay ve kenar boşluğu ayarlarıyla tek bir PDF belgesine dönüştürür.                                

                            

                            
                                Araca Git →
                            
                        
                                            
                            

                                

                                    Görsel Mozaikleştirme ve Hassas Alan Bulanıklaştırma (Blur/Pixelate)                                

                                

                                    Fotoğraf veya ekran görüntülerindeki plaka, yüz, TCKN veya kişisel bilgileri fareyle seçerek (veya koordinatlarla) pikselleştirir (Pixelate), bulanıklaştırır (Gaussian Blur) ya da siyah bant çeker ve güvenli şekilde indirir.                                

                            

                            
                                Araca Git →
                            
                        
                                            
                            

                                

                                    Görsel Bölücü ve Instagram Grid (Izgara) Kesici                                

                                

                                    Yüklenen tek bir büyük fotoğrafı tarayıcı üzerinde HTML5 Canvas ile 3x1, 3x2, 3x3 veya özel satırxSütun eşit karelere/parçalara bölerek canlı önizleme sunar ve tek tek veya toplu olarak indirilebilir yapar.                                

                            

                            
                                Araca Git →