Architectural Web Site Tasarımı

SweetBuzz Web Site Tasarımı

Space Travel Is Boring Web Site Tasarımı

MultiFlex-2 Web Site Tasarımı

Karakter Karakter Cümle Yazma Efekti

Web Tasarımlar Çarşamba Kasım 18th, 2015
309 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

Cuma Ekim 7th, 2016
524 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

Cuma Ekim 7th, 2016
427 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

Cuma Ekim 7th, 2016
380 Görüntülenme
Açılır Menü Tasarımı

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

Cuma Ekim 7th, 2016
399 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

Cuma Ekim 7th, 2016
358 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

Cuma Ekim 7th, 2016
280 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

Salı Ekim 4th, 2016
322 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

Salı Ekim 4th, 2016
382 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
362 Görüntülenme
Bunlar da var!
WordPress Sitede Kullanılan Dil Alma ( Öğrenme ) Fonksiyonu

WordPress Sitede Kullanılan Dil Alma ( Öğrenme ) Fonksiyonu

Salı Nisan 12th, 2016
383 Görüntülenme
Grand Theft Auto 6 (GTA 6) geliyor!

Grand Theft Auto 6 (GTA 6) geliyor!

Pazartesi Mart 28th, 2016
218 Görüntülenme
Profesyonel Kurumsal Firma Sitesi Tasarımı | Acrab

Profesyonel Kurumsal Firma Sitesi Tasarımı | Acrab

Çarşamba Kasım 2nd, 2016
462 Görüntülenme
İstanbul Tesisatçı Firmaları

İstanbul Tesisatçı Firmaları

Salı Kasım 10th, 2015
246 Görüntülenme