Türkiye Drone Ligi başlıyor

Artık Youtube’un da okulu var

Youtube Videolarını Arkadaşlarınızla Birlikte Canlı İzleyin!

28. Yılını Kutlayan WWW.’nin Yaratıcısından Ciddi Uyarı!

Karakter Karakter Cümle Yazma Efekti

Hazır Tasarımlar 18 Kasım 2015
265 Görüntülenme

Merhaba arkadaşlar konu başlığı biraz uyumsuz gibi geliyor bana ama aklıma bu geldi ne yapayım gece saat 03:00 olmuş bu kadar da olsun 😉

Bu konumuzda bizim belirleyeceğimiz bir cümleyi karakter karakter yazan bir animasyonun kullanımından bahsedeceğiz. Bu animasyon ile siteleriniz de güzel ve görsel bir şeyler ortaya çıkartabilirsiniz.

Çalışma ile ilgili gerekli dosyaları konu altında yer alan dosyaları indir butonuna tıklayarak indirebilirsiniz veya demo sayfayı görüntüle butonuna tıklayarak tam ekran demo görüntüleyebilirsiniz.

Gerekli Kodlar

Nasıl Değişiklik Yapabilirim
  • Çalışma üzerindeki metinleri değiştirmek isterseniz js klasörü içerisindeki index.js dosyasını açıyoruz ve  consoleText kısımındaki kelime ve cümleri kendimize göre düzenliyoruz.

  • Eğer metinlerin büyüklüğünü değiştirmek isterseniz css klasörünü açıyoruz ve style.css dosyasında .console-container kodunu buluyoruz bu kod içerisinde yer alan   font-size:25px; kodu içerisindeki 25 değerini kendimize göre ayarlıyoruz.
  • Yazı yazı hızını ayarlamak isterseniz js kalsörü içerisinde index.js dosyasını açın ve 39. Satırdaki 120 değeri küçültün, eğer daha yavaş hareket etsin isterseniz değeri büyültün.
Yorumlar

Henüz hiç yorum yapılmamış.

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

7 Ekim 2016
463 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

7 Ekim 2016
374 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

7 Ekim 2016
333 Görüntülenme
Açılır Menü Tasarımı

Açılır Menü Tasarımı

7 Ekim 2016
330 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

7 Ekim 2016
281 Görüntülenme
Hamburger Menu – HTML, CSS & jQuery

Hamburger Menu – HTML, CSS & jQuery

7 Ekim 2016
304 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

7 Ekim 2016
233 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

4 Ekim 2016
278 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

4 Ekim 2016
326 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
301 Görüntülenme
Bunlar da var!
Dünyanın En Farklı Çifti [Video]

Dünyanın En Farklı Çifti [Video]

16 Şubat 2016
205 Görüntülenme
HTC, One A9 için yeni bir güncelleme yayınladı

HTC, One A9 için yeni bir güncelleme yayınladı

4 Mart 2016
231 Görüntülenme