PhotoMadness Web Site Tasarımı

Portfolio Extended Web Site Tasarımı

Radio Station Web Site Tasarımı

Simple Magazine Web Site Tasarımı

Karakter Karakter Cümle Yazma Efekti

Web Tasarımlar Çarşamba Kasım 18th, 2015
356 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
586 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

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

Duyarlı ve Mega menü

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

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

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

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

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

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

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

CSS Gooey Menu (Version 3)

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

Açılıp Kapanabilen Toggle Menü

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

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
410 Görüntülenme
Bunlar da var!
Tamamen Legolardan Yapılmış Karavan [Video]

Tamamen Legolardan Yapılmış Karavan [Video]

Cuma Ekim 16th, 2015
250 Görüntülenme
Kızı Ne Hale Getirdiler [Video]

Kızı Ne Hale Getirdiler [Video]

Pazartesi Ocak 4th, 2016
312 Görüntülenme
KGI: Apple, 4 inçlik yeni iPhone modelini 2016da tanıtacak

KGI: Apple, 4 inçlik yeni iPhone modelini 2016da tanıtacak

Çarşamba Kasım 4th, 2015
296 Görüntülenme
Bir Depo ile 7000 sayfa baskı!

Bir Depo ile 7000 sayfa baskı!

Cuma Ocak 15th, 2016
277 Görüntülenme
Razer’dan Oyun Tutkunlarına Özel Aydınlatma Sistemli İlk Mouse Pad

Razer’dan Oyun Tutkunlarına Özel Aydınlatma Sistemli İlk Mouse Pad

Cumartesi Mayıs 23rd, 2015
275 Görüntülenme
PHP ile move_uploaded_file() Fonksiyonu Kullanımı | Dosya Upload Etme

PHP ile move_uploaded_file() Fonksiyonu Kullanımı | Dosya Upload Etme

Çarşamba Kasım 30th, 2016
1.385 Görüntülenme
Panasonic’te Biyonik Dış İskelet Destekli Çalışanlar Dönemi

Panasonic’te Biyonik Dış İskelet Destekli Çalışanlar Dönemi

Pazartesi Mart 21st, 2016
278 Görüntülenme