Anasayfa » Kodlama » CSS ile Oluşturulan 15 Güzel Metin Efekti

    CSS ile Oluşturulan 15 Güzel Metin Efekti

    Güzel metin veya tipografi, tasarımınızın çekici görünmesini sağlar. Web tasarımında CSS, metin veya tipografideki çeşitli efektleri içeren tasarıma stil kazandırmaya yardımcı olur. CSS ile, işleri biraz renklendirmek için klibi kullanabilir ve metne animasyon ekleyebilirsiniz.

    Ve bunu göstermek için topladık CSS ile mümkün kılan 15 çarpıcı ve harika metin efekti (bazıları Javascript kodlarından biraz yardım alarak).

    CSS ile yapabileceğiniz daha fazla şey için göz atın:

    • CSS kullanılarak oluşturulduğuna inanmayacağınız 18 harika şey
    • Bilmeniz gereken 30 jQuery metin efekti kütüphanesi
    • CSS ile kalp şekli nasıl oluşturulur
    • Animate.css - Kolayca animasyon oluşturmak için CSS3 kütüphanesi

    Elastik inme Animasyonu

    Yoksel, metnin konturunu serin bir renk şemasıyla canlandırır. Bu etki CSS ve SVG ile yapılır. Sonuç harika!

    SVG Glitch

    Kırık bir analog TV'ye benzeyen efektler yapmak ister misiniz? Dirk Weber, bu çarpıcı hata efektini CSS ve SVG filtresi kullanarak yaptı..

    Dükkan Sohbeti logosu

    Shop Talk logosu, Hugo tarafından yalnızca CSS kullanılarak yeniden oluşturulur. Logo, orijinal dokusuna benziyor, doğru doku ile tamamlandı.

    Kesikli Etki

    Robet Messerle'nin bu fikri, 70 satırdan az CSS ile yapılan bıçak dilimlenmiş efekti verir..

    Zarif Gölge Efekti

    Uzun Gölge efekti, CSS kullanılarak yapılan metne gelir. Yaratan Juan Brujo, 4 farklı efekt daha yaptı ancak bu, en etkileyici olanı..

    Sisli metin efekti

    Andreas harika bir sinema sisli etkisi yaratıyor. Yalnızca Webkit tarayıcılarında uygulanabilir.

    SVG metin maskesi

    Marco Barria tarafından tasarlanan tasarım, büyük bir arka plan görüntüsü üzerinde zarif bir metin maskeleme efekti gösterir.

    Metin Animasyonu

    Yoann, bu metin animasyonu ile harika bir kayan efekt yarattı. İkinci kelimenin üç kelime arasında nasıl değiştiğini izleyin.

    Yere vurmak

    ThatGuySam'ın bu 3B efekti, metin gölgelerinde basit bir oyundur, ancak harika bir sonuçtur..

    Arka Plan Klibi Metni

    Jintos, metnin içine arka plan resmi eklemek için bir Webkit arka plan klibi ile oynuyordu. Bu yöntemi kullanarak 16 harika kreasyon yaptı..

    CSS Metin-FX

    Moklik metne karartılmış ışık efekti ekledi, size uzak mesafeden tehlike uyarısı veren aralıklı flaşlar veriyor.

    İmzalanmış animasyonlu imza

    Gary Hepting gerçek zamanlı bir imzalama animasyonu yarattı. Bu, imzalamayı canlandırmak için SVG yoluna Javascript uygulayarak çalışır..

    Renkli Glitchy 404

    Bu aksaklığın sesini duyabilir ve kafanızın içindeki titreşimi hissedebiliyor musunuz? Bu aksaklık etkisinin ne kadar iyi olduğu. mistic100, CSS ve biraz da Javascript ile hazırlandı..

    Evren

    Şimdi bu zarif ve ilham verici bir logo. Ayrıca kullanım için uygundur. “Evren”, yörüngeler, çünkü al?

    Yükleniyor

    Harflerin gizlenmesi ve gösterilmesi olan harika bir yükleme efekti.