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.